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，input设置填充零？

除了填充零的#tree的子元素之外怎么办？

this jsfiddle 我希望看起来像this

Answer 1

试试这个：

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

此代码表示为所有元素设置padding: 0px，但不为#tree

中的元素设置:not

另外，请访问此页面以更好地了解{{1}}命令的工作原理

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

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

1 个答案: