答：第n个子选择器与另一个选择器冲突

Question

我使用:nth-child作为列表元素 - li:nthchild(2)在类 - “one”中。页面上还有另一个列表元素属于另一个类（class =“two）”，而类“one”的css适用于类“two”的列表元素。

这是第一个列表元素的CSS“

.one li:nth-child(2){

    position: absolute;

    width: 80% !important;

    background-color: orange;

    color: #FFF;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;
}

这是第二课：

.two li:nth-child(2) {
float: left;
margin: 0 5px 5px 0 !important;
display: block;
list-style: none;
border: none;
background: none;
}

我不希望类“two”继承class 1的css。任何人都可以告诉我如何使.one li:nthchild(2) css仅适用于该类而不影响其他人吗？

谢谢！

Answer 1

似乎ul.two位于li的{​​{1}}个孩子内。

要解决此问题，请修改您的CSS，如：

ul.one

应该这样做。