CSS的7个选择器 |css 居中代码

* {
box-sizing: border-box;
}

1. 元素选择器

元素选择器是指通过元素名选择页面上所有该元素的实例，常用于对页面上所有同类元素进行统一样式设置，如：

p {
font-size: 16px;
}

2. ID选择器

ID选择器是指通过元素唯一的id属性选择该元素，id应该是唯一的，一个页面中不能有重复id，如：

#title {
font-weight: bold;
}

3. 类选择器

类选择器是指通过元素的class属性选择该元素，一个元素可以有多个class属性，如：

.highlight {
color: red;
}
.text-blue {
color: blue;
}

4. 属性选择器

属性选择器是指通过元素的属性值选择该元素，可以用于所有的HTML属性，如：

a[href="http://www.baidu.com"] {
color: green;
}

5. 伪类选择器

伪类选择器是指对元素的特殊状态进行样式设置，如:hover、:active、:focus等，如：

button:hover {
background-color: blue;
}
a:active {
color: orange;
}

6. 子代选择器

子代选择器是指通过指定元素的子元素来选择元素，如：

ul >li {
list-style: circle;
}

7. 后代选择器

后代选择器是指通过指定元素后代元素进行选择，如：

div p {
font-style: italic;
}

以上就是CSS中常用的7个选择器，当然前端的世界非常丰富多彩，还有很多神奇的选择器等待着大家去探索。