¿Qué es este selector de CSS?



Answers

.show-grid [class*="span"]

Es un selector de CSS que selecciona todos los elementos con la clase show-grid , que tiene un elemento secundario cuya clase contiene el span de nombre.

Question

Vi este selector en Twitter Bootstrap:

.show-grid [class*="span"] {
    background-color: #eee;
    text-align: center;
    border-radius: 3px;
    min-height: 30px;
    line-height: 30px;
}

¿Alguien sabe cómo se llama esta técnica y qué hace?




El seguimiento:

.show-grid [class*="span"] {

significa que todos los elementos secundarios de '.show-grid' con una clase que CONTIENE la palabra 'span' en él adquirirán esas propiedades de CSS.

<div class="show-grid">
  <div class="span">.span</div>
  <div class="span6">span6</div>
  <div class="attention-span">attention</div>
  <div class="spanish">spanish</div>
  <div class="mariospan">mariospan</div>
  <div class="espanol">espanol</div>

  <div>
    <div class="span">.span</div>
  </div>

  <p class="span">span</p>
  <span class="span">I do GET HIT</span>

  <span>I DO NOT GET HIT</span>
</div>

Todos los elementos son golpeados a excepción del <span> por sí mismo.






Related