属性选择器

 

注意上述样子，会对全部应用红色的背景。

但是如果只想对某一句应用样式的话，就把<html lang="en">中的lang="en"这句话去掉，因为这句是应用到了全局的html。

将它变成下面的样子：

注意除了上面的样子，还可以有下面的样子：

^:表示以xxx为开始。

注意如果是[lang|="en"]:就必须是

<div lang="en-us">alex</div>

注意必须是中间加横杠。

$:是以xxx结尾。

*：是里面有就行。

<style>

[lang*="nu"]{

font-size:40px;

color:brown;

background-color:red;

}

</style>

 属性选择器就是通过属性去寻找到。注意也有下面的表示方法：

p:before{

　　content:开始;

　　color:red;

}

 p:after{

content:结束;

color:red;

 

}

posted @ 2017-03-06 10:35  关泉珍  阅读(34)  评论(0)    收藏  举报