Naming Division ID Tout ce que je veux

Question

Désolé pour une question aussi simple. lors de l'écriture de différents éléments div à l'ID et le style plus tard dans css, puis-je les nommer comme je veux?

<div id="middle"></div> 

<div id="yellow box"></div> 

<div id="my dog"></div> 

<div id="the green hornet"></div> 

merci. p

Answer 1

Oui, vous pouvez utiliser n'importe quel ID que vous pouvez créer.

En JavaScript

Cette habitude d'être une limitation lorsque vous voulez accéder à des éléments via leur carte d'identité dans certains anciens navigateurs (Internet Explorer 5-6), qui ont ajouté des fonctionnalités pour accéder à des éléments avec un ID , par exemple:

document.all.middle // worked 
document.all.yellow box // did not work (of course) 

Ce comportement a été pris en charge uniquement par Internet explorer cependant, et ne doit pas être utilisé. Utilisez quelque chose comme ceci pour accéder à un élément en JavaScript à la place:

document.getElementById('my dog').textContent = 'Hello'; 
document.getElementById('the green hornet') = 'World'; 

En CSS

Vous devez échapper à des espaces en CSS:

div#my weird spaced id { 
    /* does not work */ 
} 

div#my\ weird\ spaced\ id { 
    /* works */ 
} 

Cette ne fonctionne pas pour les cours:

<div class="a b c">color me!</div> 

div.a\ b\ c { color: red } /* does not work */ 

Pour les classes, a b c signifie "classe a et b de classe et de classe c". Si vous avez vraiment vraiment les utiliser de cette façon, vous pouvez les style via la notation par points:

`div.a.b.c { color: red } /* works */ 

Le les meilleures pratiques est de les nommer séparés par des tirets, par exemple my-fancy-class, main-nav-header, etc.
Si vous préférez camelCase ou underscore_notation, vous pouvez également les utiliser, mais le dash-seprarated est plus répandu.