html - 有没有选择器排除显示: none elements?

Question

我只想选择<buttons>谁的 parent 有display: block并排除那些 <buttons>谁的 parent 有display:none .

有什么办法可以做到这一点吗？

Answer 1

实际上有一个 CSS3 解决方案来选择没有 display:none 样式的元素，或者给定一个明确的 style 属性:

*:not([style*="display: none"]) button{ ... }

演示:

*:not([style*="display: none"]) button{
    color:yellow;
}

<p style="display:block">
  My name is A.
  <button>
a
</button>
</p>
<p style="display: none">
  <button>
b
</button>
</p>