Is there a selector to exclude display: none elements?

Question

I want to select only whose parents have display: block and exclude those whose parents have display

Answer 1

Actually there's a CSS3 solution to select elements that doesn't have a display:none style, or given an explicit style property:

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

Demo:

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

  My name is A.
  
a



  
b