取决于其他考虑因素

Question

我正在尝试为第二个div提供边框颜色，但我无法将id或类名添加到第二个div。

提供下面的代码，CSS中是否有任何特殊的选择器来实现它？

<div>
    <div>
        <div id="d3">
            <div>
                <div>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

取决于其他考虑因素

我们可以使用the > selector来指定直接孩子。

＆＃13;

div {
    padding: 10px 25px;
    border: 1px solid black;
}

body > div > div {
    border: 2px solid red;
}

＆＃13;

<div>
    <div>
        <div id="d3">
            <div>
                <div>
                </div>
            </div>
        </div>
    </div>
</div>

＆＃13;

Answer 2

您可以获取id为d3的div元素的父级。

＆＃13;

document.getElementById('d3').parentElement.style.border = "solid #FF0000";

＆＃13;

<div>
    <div>
        <div id="d3">sss
            <div>
                <div>
                </div>
            </div>
        </div>
    </div>
</div>

＆＃13;

如何选择div的第二个嵌套以设置其边框

2 个答案:

取决于其他考虑因素