css selectores - ¿Qué es este selector de CSS?




2 Answers

Es un selector de comodines de atributo. En la muestra que ha proporcionado, busca cualquier elemento secundario bajo .show-grid que tenga una clase que CONTIENE span .

Entonces seleccionaría el elemento <strong> en este ejemplo:

<div class="show-grid">
    <strong class="span6">Blah blah</strong>
</div>

También puede hacer búsquedas de 'comienza con ...'

div[class^="something"] { }

que funcionaría en algo como esto: -

<div class="something-else-class"></div>

y 'termina con ...'

div[class$="something"] { }

que funcionaría en

<div class="you-are-something"></div>

Buenas referencias

padre etiquetas

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?




Selecciona todos los elementos donde el nombre de clase contiene la cadena "span" alguna parte. También hay ^= para el comienzo de una cadena, y $= para el final de una cadena. Aquí hay una buena referencia para algunos selectores de CSS: http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

Solo estoy familiarizado con las clases bootstrap spanX donde X es un número entero, pero si hubiera otros selectores que terminaran en span , también caería bajo estas reglas.

Simplemente ayuda a aplicar las reglas generales de CSS.




Related

css css3 css-selectors