我有一个div标签包含几个ul标签。
我只能为第一个ul标签设置CSS属性:
div ul:first-child {
background-color: #900;
}
然而，我下面的尝试为其他ul标签设置CSS属性除了第一个不工作:
div ul:not:first-child {
background-color: #900;
}
div ul:not(:first-child) {
background-color: #900;
}
div ul:first-child:after {
background-color: #900;
}
我怎么能写在CSS:“每个元素，除了第一个”?
当前回答
div li~li {
color: red;
}
支持IE7
其他回答
这个CSS2解决方案(“任意ul接另一个ul”)也可以工作，并且得到更多浏览器的支持。
div ul + ul {
background-color: #900;
}
与:not和:n -sibling不同，相邻兄弟选择器被IE7+支持。
如果在页面加载后JavaScript更改了这些属性，那么您应该查看IE7和IE8实现中的一些已知错误。请看这个链接。
对于任何静态网页，这应该工作得很好。
我在上面的一些问题上没有运气，
这是唯一一个对我有效的方法
ul:没有(first-of-type) {}
当我试图让页面上显示的第一个按钮不受左距选项的影响时，这对我来说是有效的。
这是我第一次尝试的选择，但没有成功
ul:没有(第一个孩子)
你可以使用not的任何选择器
p:not(:first-child){}
p:not(:first-of-type){}
p:not(:checked){}
p:not(:last-child){}
p:not(:last-of-type){}
p:not(:first-of-type){}
p:not(:nth-last-of-type(2)){}
p:not(nth-last-child(2)){}
p:not(:nth-child(2)){}
你可以像下面这样使用:not你可以使用:not()里面的任何选择器
any_CSS_selector:not(any_other_CSS_selector){
/*YOUR STYLE*/
}
你也可以使用:not without parent selector。
:not(:nth-child(2)){
/*YOUR STYLE*/
}
更多的例子
any_CSS_selector:not(:first-child){
/*YOUR STYLE*/
}
any_CSS_selector:not(:first-of-type){
/*YOUR STYLE*/
}
any_CSS_selector:not(:checked){
/*YOUR STYLE*/
}
any_CSS_selector:not(:last-child){
/*YOUR STYLE*/
}
any_CSS_selector:not(:last-of-type){
/*YOUR STYLE*/
}
any_CSS_selector:not(:first-of-type){
/*YOUR STYLE*/
}
any_CSS_selector:not(:nth-last-of-type(2)){
/*YOUR STYLE*/
}
any_CSS_selector:not(:nth-last-child(2)){
/*YOUR STYLE*/
}
any_CSS_selector:not(:nth-child(2)){
/*YOUR STYLE*/
}
div ul::nth-child(n+2){
background-color: #900;
}
也起作用了
