Question

这是我的小提琴： http://jsfiddle.net/s44cpc8h/

现在的CSS：

#original_items li {
    float: left;
    position: relative;
    z-index: 5;
}
ul li {
    margin: 3px 3px 3px 0;
    padding: 1px;
    width: 100px;
    height: 90px;

    text-align: center;
    border: solid 1px #333;
    background-color: #eaa10e;
}

正在应用于

中的所有LI

<ul id="original_items">
    <li>1</li>
    <li>2</li>
    <li>3
        <ul class="notMe_items2">
            <li id="notMe">1.2</li>
            <li id="notMe">2.2</li>
            <li id="notMe">3.2</li>
        </ul>
    </li>
</ul>
<ul id="cloned_items"></ul>

如何修改CSS以使其不适用于任何嵌套的UL？ OR
如何修改我的CSS，使其不适用于任何ID /类为＆＃34; notMe＆＃34;的UL和LI？

Answer 1

我只会编写规则来覆盖您现有的代码。将其添加到您的代码中：

.notMe {
float: none;
position: relative;
z-index: 0;
margin: 0;
padding: 0;
width: 100px;
height: 90px;
text-align: left;
border: none;
background-color: gray;
}

JSFiddle HERE

css3忽略嵌套的UL和LI

1 个答案: