style - link css to html

Si el html dice<div id="dos palabras", ¿cómo escribo el selector de CSS en la hoja de estilos?

Question

Si dijera "oneword", podría escribir "#oneword", pero ¿qué debo escribir cuando hay un espacio en la palabra?

Answer 1

Cambiarlo a dos palabras. Como dijeron otros, no puede usar espacios para la identificación, pero puede usar la clase.

#two-words { font-family: arial; }
.center { text-align: center; }
.bold { font-weight: bold; }
<div id="two-words" class="center bold">STUFF HERE</div>

Answer 2

No debe usar espacios en blanco en el elemento ID, ya que el espacio en blanco generalmente se acepta como un combinador selector .

Answer 3

No puede tener varias palabras para la identificación, pero puede hacerlo para la clase.

<p class="one two">lalala</p>
.one {
color: black;
}
.two {
font-weight: bold;
} 

Answer 4

Si contiene espacios, no es HTML legal. No deberías esperar que esto funcione. Aquí está la sección relevante de la especificación HTML 4.01 .

[EDITAR] Como otros han notado, puedes evitar esto asignando uno o más nombres de clase al div y usando un nombre de clase para hacer la selección.

Answer 5

Si crea sitios web con IDEs como Artisteer, puede ver una id="two words" trabajo id="two words" que se convierte en una clase

.two{
}
.words{
}

No sé si esta es una buena práctica, pero funciona.

Answer 6

Escribir como esto

div [id = ''dos ​​palabras''] {

}

esto reconocerá la identificación como una combinación de "dos" y "palabras".