css - :nth-child selector conflicts with another

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;
}

我不希望类“二”继承类一的 css。谁能告诉我如何使 .one li:nthchild(2) css 仅适用于该类而不影响其他类？

谢谢!

Answer 1

ul.two 似乎在 ul.one 的子 li 中。

要更正此问题，请像这样修改您的 CSS:

.one > li:nth-child(2) {
    ...
}

应该这样做。