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属性值为clearfix的元素之后添加一个英文的点号".":after是一个伪元素,一般用来在选定的元素之后添加生成的内容即括号内content生成的内容,并设置样式。
第二行不完整,根据你提供的,只能表示为某元素设置背景图,背景图地址未设置。