Question

<div>
<dl class="abc">
<dt>
<div>A</div>
</dt>
<dd style="display:none;">
<dt>
<div>B</div>
</dt>
<dd style="display: none;">

如何使用文字＆＃39; A＆＃39;来唯一地识别div元素？使用CSS选择器？（读取一种方法是使用：在CSS3中弃用的contains（））

Answer 1

据我所知，使用纯CSS按内容选择元素是不可能的。

你可以做其他一些事情：

<强> 1。添加课程

<div>
    <dl class="abc"> 
        <dt class="a">A</dt>
        <dd style="display: none;"></dd> <dt>B</dt>
        <dd style="display: none;"></dd>
    </dl>
</div>

所以你可以使用以下选择器：

.a {
    /* CSS code here */
}

<强> 2。添加ID

<div>
    <dl class="abc"> 
        <dt id="a">A</dt>
        <dd style="display: none;"></dd> <dt>B</dt>
        <dd style="display: none;"></dd>
    </dl>
</div>

所以你可以使用以下选择器：

#id {
    /* CSS code here */
}

每页只能使用一个ID，因此如果您想确保只选择此元素，这将是最好的。

第3。按DOM结构选择

<div>
    <dl class="abc"> 
        <dt>A</dt>
        <dd style="display: none;"></dd> <dt>B</dt>
        <dd style="display: none;"></dd>
    </dl>
</div>

选择器：

div > dl > dt {
    /* CSS code here */
}

这些都可以，你应该选择哪一个适合你的需要。

Css选择器按文本标识div元素

1 个答案: