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>
其它的一般的选择符就不说了。
css中内容模块class用样式选择符“.”(英文半角输入句号)。class类标记,可以用于被多个元素调用(以“.”选择符命名样式可以一个页面使用多次)是类标签,在同一个页面可以调用无数次(没限制的),在CSS里用“.”表示。
ID就像一个人的身份证,用于识别这个DIV的,Class就像人身上穿的衣服,用于定义这个DIV的样式。一般一个网页不设二个或二个以上同ID的div,但Class可以多个DIV用同一个Class。