错误博客( cuowu.com )发布于 2019-06-05 10:02:59

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}

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


2020年错误博客亲测项目系列

错误教程( cuowu.com )专注网推培训、SEO培训、抖音培训和网赚培训,微信/电话:13722793092

关注微信公众号:第一时间获得错误博客最新教程,让我们一起成长!

公众号二维码