[分享]css两个元素选择器

选择器是CSS的基础，它是用来定义某些样式应用在哪些元素上的规则。而选择器中最常见的就是元素选择器，其中又包括了两个元素选择器：element, element { property: value; ...

选择器是CSS的基础，它是用来定义某些样式应用在哪些元素上的规则。而选择器中最常见的就是元素选择器，其中又包括了两个元素选择器：

element, element {
    property: value;
} 

逗号是两个元素选择器的关键，它用于分隔多个选择器指向同一样式声明。

第一个元素选择器是为了选中指定元素类型的所有元素。例如：

p {
    color: red;
} 

上述代码将会选中所有的段落元素（< code >p< /code>）并且将它们的文本颜色改为红色。

第二个元素选择器允许选择页面上指定类型元素的后代元素。例如：

div p {
    color: blue;
} 

上述代码将会将页面上所有嵌套在< code >div< /code>元素中的段落元素（< code >p< /code>）文本颜色改为蓝色。

除此之外，还有其他的元素选择器，例如：< code >#id< /code>、< code >.class< /code>、< code >:hover< /code>等等。和两个元素选择器一样，它们都是用来定位元素进行样式的选择器。