Cómo seleccionar las clases con espacios

Question

¿Cómo se selecciona una clase como class="boolean optional"?

He intentado esto:

.boolean optional {CSS} 

.boolean_optional {CSS} 

Answer 1

Como dice Zepplock, eso es en realidad dos clases en un solo atributo: boolean y optional. El espacio no es parte de un nombre de clase; actúa como el separador.

Estos tres selectores serán todos igualarlo:

.boolean 
.optional 
.boolean.optional 

El último selector solamente recoge este elemento ya que tiene ambas clases.

Usted nunca se incluyen un espacio al encadenar los selectores de clase, ni siquiera así:

.boolean .optional 

Como .optional que selecciona los elementos que están contenidos dentro .boolean elementos separados.

Answer 2

Esos no son clases con espacios :) Se llaman múltiples selectores de clase.

Básicamente, solo necesita asegurarse de que todos los nombres de clase estén conectados (sin espacios entre ellos) y separados por un punto.

.boolean.optional { 

} 

Answer 3

Los espacios no son válidos en el nombre de la clase. class="boolean optional" significa que el elemento tiene las clases boolean y optional, para que pueda coincidir con cualquiera .boolean, .optional, o si sólo se desea detectar objetos que son opcionales y boolean, con .boolean.optional.

Answer 4

clases nunca realmente tener espacios en su nombre. En su ejemplo, eso es en realidad dos clases; boolean y optional.

para aplicar estilo a un elemento que tiene esas dos clases, la construcción es

.boolean.optional { 
/* CSS */ 
} 

Sin embargo, Internet Explorer 6 se sabe que tiene algunos problemas con esto. Ver this link para más detalles sobre peculiaridades conocidas.

Answer 5

aprecio esto fue hace un tiempo, pero por si alguien está interesado, algo que he encontrado muy útil también, cómo orientar/seleccionar un elemento dentro de un elemento que tiene ambas clases ... Ejemplo

.boolean.optional > p { 
    color: red; 
} 

requiere Quizás ninguna explicación, pero: vueltas 'texto de párrafo rojo' sólo para interiores de punto de elementos que disponen de ambos clases ieboth .boolean Y .optional