请问，写CSS的时候在类名后面添加一个“+”的运行原理是什么？

<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 +”运行原理是什么，一直无法理解，望指点一二，感谢。

小布ever

浏览 1647回答 1

1回答

西兰花伟大炮

这个+是相邻兄弟选择器，选择紧邻的拥有同一个父级的元素<!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会被加粗，因为用一个结合符只能选择两个相邻兄弟中的第二个元素

随时随地看视频慕课网APP