css 伪类冒号前空格

前度写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>