body>p{color:#f00}
*{color:#00f}/*通配符*/
a[title]{color:#0f0}
或
a[title="1213"]{color:#ff0}
像上面用中括号的是“属性选择符”
如下面的:
<a
href="#">这里不显示颜色</a>
<a
href="#"
title="567">这里的颜色为#0f0</a>
<a
href="#"
title="1213">这里的颜色为#ff0</a>
body+p{color:#f00}/*相邻选择符*/
<body>
<p>这里显示的颜色为#f00</p>
<div><p>这里显示的颜色为浏览器默认颜色</p></div>
</body>
其它的一般的选择符就不说了。
1、~波浪号
A ~ B选择A标签后的所有B标签,【A和B必须有相同的父元素】
2、+加号(兄弟选择器)
A+B 选择紧邻在A后面的B元素,【A和B必须拥相同的父元素】所选到的仅为一个B元素标签。
3、>大于号
A>B 选择A元素里面的B元素【B元素是A元素下的第一代,只第一后代】