CSS那位大神帮我讲解下括号里代表什么意思，谢谢

html-css010

CSS那位大神帮我讲解下括号里代表什么意思，谢谢,第1张

第一行的CSS含义是，为class属性值为clearfix的元素之后添加一个英文的点号"."

:after是一个伪元素，一般用来在选定的元素之后添加生成的内容即括号内content生成的内容，并设置样式。

第二行不完整，根据你提供的，只能表示为某元素设置背景图，背景图地址未设置。

嗯，你应该说的是高级选择器，你说的那个是子对像选择符：

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 div上边加1px黑色边框

div{border-top:1px solid #000}

2 给div底部加边框

div{border-bottom:2px dashed #F00}

3 在div盒子左侧加边框

.divcss5{ border-left:1px solid #00F}

DIV代码：

<div class="divcss5">此DIV盒子左侧为1px实线蓝边框</div>

4 在盒子div右侧加边框

div{ border-right:1px solid #F00}

5 在盒子上下加边框

div{border-top:1px solid #000border-bottom:1px solid #000}

6 给div盒子左右加边框

div{ border-left:2px dashed #0F0border-right:2px dashed #0F0}

7 给一个DIV四边加上3px实现黑色边框

div{ border:3px solid #000}