jquery - 在除特殊元素之外的所有元素中应用样式

Question

HTML

<ul id="tree">
    <li>
        <label>
            <input type="checkbox" /> Level 1 - 1</label>
    </li>
    <li>
        <label>
            <input type="checkbox" /> Level 1 - 2</label>
        <ul>
            <li>
                <label>
                    <input type="checkbox" /> Level 2 - 1</label>
                <ul>
                    <li>
                        <label>
                            <input type="checkbox" /> Level 3 - 1</label>
                    </li>
                    <li>
                        <label>
                            <input type="checkbox" /> Level 3 - 2</label>
                        <ul>
                            <li>
                                <label>
                                    <input type="checkbox" /> Level 4 - 1</label>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
        <li>
            <label>
                <input type="checkbox" /> Level 1 - 3</label>
        </li>
        <li>
            <label>
                <input type="checkbox" /> Level 1 - 4</label>
        </li>
    </li>
</ul>

CSS

* :not(#tree){padding:0px}

我想为除#tree之外的所有元素设置填充零，但此代码* :not(#tree){padding:0px}为li，lable设置填充零，输入？

如何排除 #tree 的子元素填充零？

this jsfiddle 我想要看起来像 this

Answer 1

试试这个:

:not(#tree)
{
    padding:0px;
}

此代码意味着为所有元素设置 padding: 0px，但不为 #tree 中存在的元素设置

此外，请访问此页面以更好地了解 :not 命令的工作原理

http://www.w3schools.com/cssref/sel_not.asp