css3 - 用伪类选择移除自己的其他兄弟级-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

css3 - 用伪类选择移除自己的其他兄弟级

PHP中文网 2017-04-17 11:57:12

[CSS3讨论组]

839

类似p:hover::before,因为是四个子级，所以想选取排除自己的其他兄弟级

PHP中文网

认证0级讲师

全部回复(4)

黄舟2017-04-17 11:59:12 4楼

没看到代码，不过感觉应该是从p下手处理而不是伪类。

赞 +0

添加回复

PHP中文网2017-04-17 11:59:12 3楼

$("p").siblings();

赞 +0

添加回复

大家讲道理2017-04-17 11:59:12 2楼

用普通兄弟选择器：“~”

比如HTML:

        <p class="brother-selector">
            <h2>标题0</h2>  
            <p>咳咳，内容。</p>  
            <h2>标题1</h2>  
            <h2>标题2</h2>  
        </p>

CSS这样写：

            p + h2{color:red; } 
            p ~ h2{font-weight:700; }

结果如下：

赞 +0

添加回复

伊谢尔伦2017-04-17 11:59:12 1楼

<ul>
            <li>item1</li>
            <li>item2</li>
            <li>item3</li>
            <li>item4</li>
            <li>item5</li>
            <li>item6</li>
        </ul>
*{
   padding:0;
  margin:0
}
ul,li{
  list-style: none;
}
li{
  padding:10px;
  margin:10px;
  border:3px solid #000;
  font-weight:bold
}
li:first-child{
  color:#f30
}
li:last-child{
  border-color:red
}
li:nth-child(2){
  background: orange;
}
li:nth-child(3n){
  background:#1FD39E;/*3n就是3的倍数都加这个样式*/
}

demo

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>