CSS复杂选择器

CSS复杂选择器包括并集选择器、后代选择器、属性选择器、子元素选择器和相邻兄弟选择器等。

1）选择器分组

又称为并集选择器，多个简单选择器共用一个样式。

语法：选择器1，选择器2，…选择器N{共用声明} 选择器之间用逗号隔开。

例如：

h1,h2,p,body {

color:red;

}

2）后代选择器

后代选择器可以选择作为某元素后代的元素。

语法：父元素子元素 {声明} 父元素和子元素之间空格隔开。

例如：

div h1 {

font-size:100px;

color:red;

}

3）属性选择器

属性选择器可以根据元素的属性及属性值来选择元素。

语法：标签[属性] { 声明 } 最前面的标签可有可无。

例如：

*[width] {color:red;}

p[bgcolor]{font-size:10px;}

4）子元素选择器

元素的子元素的属性。

语法：元素 > 子元素 {声明}

例如：

p > strong {color:red;}

只有p元素的子元素中的strong才会改变样式。

5）相邻兄弟选择器

相邻兄弟选择器可以使紧邻的两个元素（同级），拥有共同的父属性。

语法：元素A +元素B{声明} 完成之后呢，只为元素B添加了样式。

例如：

p + h1 {color:red}

这些并不是全部，一般会常用选择器就可以了。

错误教程（ cuowu.com ）专注网推培训、SEO培训、抖音培训和网赚培训，微信/电话：13722793092
关注微信公众号：第一时间获得错误博客最新教程，让我们一起成长！

错误教程