慕田峪4217366
2017-12-20 11:50
对于多个相同的块状元素,如何只对其中的某一个单独进行设置边框
如
p{???????}
<ul>
<p>aaaaa</p>
<p>bbbbb</p>
<p>ccccc</p>
</ul>
上述代码运行出来之后,只有aaaaaa有下边框,其余没有,该如何填写
<style>
.first{border-bottom:1px dashed red;}
</style>
<ul>
<p class="first">aaaaa</p>
<p>bbbbb</p>
<p>ccccc</p>
</ul>
利用.类选择器
还可以有伪类选择器的做法
ul:first-child:p{border-bottom:1px dashed red;}
<style>
.first{border-bottom:1px dashed red;}
</style>
<ul>
<p class="first">aaaaa</p>
<p>bbbbb</p>
<p>ccccc</p>
</ul>
<style>
#first{border-bottom:1px dashed red;}
</style>
<ul>
<p id="first">aaaaa</p>
<p>bbbbb</p>
<p>ccccc</p>
</ul>
<ul>
<p style="border-bottom:1px dashed red;">aaaaa</p>
<p>bbbbb</p>
<p>ccccc</p>
</ul>
111
初识HTML(5)+CSS(3)-升级版
1225806 学习 · 18234 问题
相似问题