Question

我有<div>这样：

<div style="display:none;" id="rd1"></div>
<div style="display:block;" id="rd2"></div>
<div style="display:block;" id="rd3"></div>
<div style="display:block;" id="rd4"></div>
<div style="display:none;" id="rd5"></div>
<div style="display:none;" id="rd6"></div>

我需要仅使用css代码更改那些具有display:block样式的元素的样式。我使用此代码，但它不是W3有效代码。

div[style*='displayblock'] {
    background-colot:red;
}

Answer 1

参考 - A CSS selector to get last visible div

您可以将其用于div[style*="display:block"]

div[style*="display:block"]{
    background:red;
}

<div style="display:none;" id="rd1">fas</div>
<div style="display:block;" id="rd2">fsadf</div>
<div style="display:block;" id="rd3">fsdfa</div>
<div style="display:block;" id="rd4">faf</div>
<div style="display:none;" id="rd5">afsa</div>
<div style="display:none;" id="rd6">fa</div>

我需要使用w3验证代码css查询多个div样式更改

1 个答案: