2016.12.30 加号选择器

来源:互联网 发布:linux user nobody 编辑:程序博客网 时间:2024/04/29 14:10

加号选择器:相领兄弟选择器,假如有a、b两元素,b元素紧跟在a元素的后面,且a、b元素拥有相同的父元素。如果想选择b元素,此时可以用加号选择器。

例如:为导航栏加入右边框,除第一个元素外:


<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>li{list-style: none;float: left;margin-left: 10px;}li+li{border-left: 2px solid #000;}</style></head><body><ul class="tab"><li>我的财富</li><li>我的主页</li><li>登录</li><li>注册</li><li>加入</li></ul></body></html>
因为选择了每个li元素的后面的一个元素,所以除第一个元素外其他的li元素都被选择了。

0 0