前度写css时一定对伪类不陌生.一般的都知道:a:hover{
}
css中的空格表示强制指定层级关系。
而有时会出现 li a:hover{};li :hover{}
a:hover,类似input[type=text]。
比如.b{color:green} /*页面所用样式都适用*/
#a .b{color:red} /*只用父级id="a"时才生效(优先级更高)*/
<span class="b">Green</span>
<div id="a">
<span class="b">Red</span>
</div>