¿Hay un selector para excluir la visualización: ninguno de los elementos?

Question 1

solo quiero seleccionar <buttons> cuyos padres tienen display: block y excluir aquellos <buttons> cuyos padres tienen display:none.

¿Hay alguna forma de lograr esto?

Question 2

En realidad, hay una solución CSS3 para seleccionar elementos que no tienen un display:none estilo, o dado un explícito style propiedad:

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

Manifestación:

*: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>

Question 3

si esos display se declaran los estilos en línea entonces puedes usar los siguientes selectores: div[style*="display: none;"] (si el elemento tiene un atributo de estilo en línea que contiene “display: none”; entonces aplique el estilo)

Selectores de atributos:

el css selector de atributos coincide con elementos en función de la presencia o el valor de un atributo dado.

Origen: https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

El atributo contiene selector:

Al buscar un elemento basado en parte de un valor de atributo, pero no una coincidencia exacta, el carácter de asterisco, *, puede usarse dentro de los corchetes de un selector. El asterisco debe estar justo después del nombre del atributo, justo antes del signo igual. Si lo hace, denota que el valor a seguir solo debe aparecer, o estar contenido, dentro del valor del atributo.

Origen: https://learn.shayhowe.com/advanced-html-css/complex-selectors/

Question 4

No.

No hay selectores que seleccionen elementos en función de los valores de las propiedades que se les aplican.

Tampoco creo que sea práctico para CSS introducir tal característica. Imaginar:

:has-property-value(display: none) {
   display: block;
}

Question 5

Esto no es posible con puro CSS hasta ahora, a menos que especifique explícitamente el css en línea para style="display: none".

Podría usar algo de javascript para filtrar un conjunto de buttons que son visibles.

var buttons = document.querySelectorAll('.block button');

var visibleButtons = [];

buttons.forEach(function (element) {
  if (window.getComputedStyle(element.parentNode).display !== 'none') {
   visibleButtons.push(element);
  }
});

console.log(visibleButtons);

.block {
  display: block;
}

.hidden {
  display: none;
}

<div class="block">
  <button>btn 1</button>
</div>

<div class="block hidden">
  <button>btn 2</button>
</div>

<div class="block">
  <button>btn 3</button>
</div>

Question 6

No hay tal selector disponible en CSS para seleccionar por sus valores de propiedad. Puedes probar algo con jquery usando :hidden selector para encontrar botones con display:none. Consulte el siguiente fragmento como referencia.

$( ".btnShow" ).click(function() {
  $( ".btn:hidden" ).show( "fast" );
});

.hidden{
  display:none;
}
.btnShow{
  display:block;
  margin-top: 50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="button 1" class="btn">
<input type="button" value="button 2" class="btn">
<input type="button" value="button 3" class="btn hidden">
<input type="button" value="button 4" class="btn">
<input type="button" value="button 5" class="btn hidden">
<input type="button" value="button 6" class="btn">
<input type="button" value="button 7" class="btn">
<input type="button" value="Show hidden buttons" class="btnShow">

Question 7

Puedes consultar con jquery. El siguiente código significa

“Obtenga todos los botones, filtrados por aquellos cuyo padre está visible en la página”, recorra e imprima el html de cada uno.

$(document).ready(function(){
$(":button").filter(function() { return $(this).parent().is(':visible') 
       }).each(function(){
		      console.log($(this).html());
		});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="intro" style="display:block">
    My name is someone.    
   <button>    a    </button>    <button>    b    </button>    
</p>
<p>I live somewhere.</p>    <p>My best friend is someone.</p>
Who is your favourite:    
<ul id="find" style="display:none">
  <li>One</li>      <li>Two</li>      <li><button>    x    </button>    
  <button>    y    </button></li>    
</ul>

¿Ha sido útil esta solución?