CSS选择器

CSS选择器是一种在CSS样式表中使用的模式，它可以用来选择要应用样式的HTML元素。以下是一些常用的CSS选择器：

1. 类选择器（class selector）：以"."开头，用于选择具有相同类名的所有元素。
   例如：.my-class { color: red; }

2. ID选择器（id selector）：以"#"开头，用于选择具有相同id值的唯一元素。
   例如：#my-id { font-size: 20px; }

3. 标签选择器（element selector）：直接使用标签名，用于选择所有该标签名的元素。
   例如：p { line-height: 1.5; }

4. 后代选择器（descendant selector）：使用空格分隔元素，用于选择某元素下的所有后代元素。
   例如：ul li { list-style-type: none; }

5. 子元素选择器（child selector）：使用">"符号分隔元素，用于选择某元素的直接子元素。
   例如：ul > li { padding-left: 10px; }

6. 属性选择器（attribute selector）：用于选择具有某属性的元素。
   例如：input[type=“text”] { border: 1px solid #ddd; }

7. 伪类选择器（pseudo-class selector）：以冒号":"开头，用于选择某个元素的状态。
   例如：a:hover { text-decoration: underline; }