请问,写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,查看更多内容
随时随地看视频慕课网APP