CSS选择器的种类--8种武器

选择器是为了在HEML标签中找到需要的那些标签，都有哪些方式呢，总结记录一下：

【第一种武器：类型选择器】—— 选择器标签是HTML中存在的标签

选择器名称{ 属性：属性值；}

如：

h1{

color:white;

}

【第二种武器：属性选择器】—— 不怎么用

选择器名称[ 属性 = 属性值]{ 属性：属性值；}

如：

p[align="center"]{

color:white;

}

【第三种武器：ID选择器】—— ID名字唯一

#ID名称{ 属性：属性值；}

如：

#p1{

color:white;

}

【第四种武器：类选择器】—— 可以重复调用

.类名称{ 属性：属性值；}

如：

.p1{

color:white;

}

【第五种武器：通配选择器】—— 不怎么用

* 标签名{ 属性：属性值；}

如：

*{

color:white;

}

【第六种武器：后代选择器】—— 可以一直往后接，知道找到那个标签

父标签 后代标签{ 属性：属性值；}

如：

li a{

color:white;

}

【第七种武器：子选择器】—— li后直接接a才有效

父标签 > 子标签{ 属性：属性值；}

如：

li > a{

color:white;

}

【第八种武器：兄弟选择器】—— 第一个没效果，后边的有效

兄弟标签1 + 兄弟标签2{ 属性：属性值；}

如：

li + li{

color:white;

}

打赏

感谢支持与鼓励～