<div class="idx-zxxt-e">
<ul>
<li class="e-item">
</li>
</ul>
<ul>
<li class="e-item">
</li>
</ul>
</div>.idx-zxxt-e .e-item + .e-item { border-top: 1px dashed #dedede; }这个代码的运行结果是可以将最上面的一个虚线条不显示，那这个“e-item +”运行原理是什么，一直无法理解，望指点一二，感谢。
1 回答
西兰花伟大炮
TA贡献376条经验 获得超318个赞
这个+是相邻兄弟选择器，选择紧邻的拥有同一个父级的元素
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
li + li {font-weight:bold;}
</style>
</head>
<body>
<div>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>像上面这段代码，item2,item3会被加粗，因为用一个结合符只能选择两个相邻兄弟中的第二个元素
- 1 回答
- 0 关注
- 1646 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消