Préfixe de la div

**ickyknox** · 06/09/2012, 16h43

Bonjour,

sur mon site,
j'ai le code suivant sur MA PAGE HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
  <style type="text/css">
ul {
}
 
li {
  }
 
a {
  }
 
a:hover{
}
    </style>
 
 
<body>	
 
					<div class="container">
 					 <div class="header">
 
			<article id="heada"> 
				<ul id="header-menu" >
					<li class="header-menu-choix"><a href="#">Accueil</a></li>
					<li class="header-menu-choix"><a href="#">Blog</a></li>
					<li class="header-menu-choix"><a href="#">Contact</a></li>
					<li class="header-menu-choix"><a href="#">Parrainage</a></li>
					<li class="header-menu-choix"><a href="#">Produits</a></li>
					<li class="header-menu-choix"><a href="#">Partenaires</a></li>
				</ul>
			</article> 
 
  						</div>
 
 
					<div class="content">

MA QUESTION :
J'ai des sections : ARTICLE, UL, LI, A

dans la partie CSS, j'ai : ul {} li {} a {} a:hover{}

Seulement, que faut il mettre comme prefixe avant ul {} li {} a {} a:hover{} ?
Par prefixe , j'entends bien sure l'id que l'on retrouve à l'intérieur des balises.

J'espère que je me suis bien exprimé, parceque j'ai un peu de mal avec l'informatique.

Je vous remercie

<config>Mac OS X / Chrome 21.0.1180.89</config>

**Muchos** · 06/09/2012, 19h06

Un id est unique. Donc, inutile de rajouter le nom de la balise (sauf si c'est plus clair pour lire le code css). Ex:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
#header-menu {}
/* équivalent à */
ul#header-menu {}

**ickyknox** · 06/09/2012, 19h37

Ah daccord merci.

Donc pour mon exemple, ça donnerait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.header-menu ul {
}
 
.header-menu-choix li {
}
 
a {
}
 
a:hover{
}

Est-ce bien ça ?

**NoSmoking** · 06/09/2012, 20h03

Bonjour,
allez une fois n'est pas coutume

Sélecteurs class et id
Savoir comment utiliser les sélecteurs CSS 2.1
Les sélecteurs en CSS3
et d'une façon plus générale Les meilleurs cours et tutoriels CSS : Introduction aux CSS

ah! j'allais oublier

**ickyknox** · 07/09/2012, 12h35

merci pour votre réponse.

à vrai dire ce qui me bloque c'est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
a {
  }

car comme j'ai du <a> sur d'autres div , le fait de créér du css sur a { } me modifie tout.

Par exemple : http://icreatorbeta.free.fr/

j'ai créé du css pour <a> pour l'accueil, mais ce css va me modifier mon affichage de mon accueil PRESTATION.

Comment puis je faire pour les différencier ?

j'ai pensé à ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<li class="header-menu-choix"><a class="degrade" href="#">Accueil</a></li>
 
.degrade a {
}

et à celà :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<li class="header-menu-choix"><a href="#">Accueil</a></li>
.header-menu-choix a {
}

mais rien ne fonctionne, hélas

**Bovino** · 07/09/2012, 14h04

Est-ce que tu as au moins déjà regardé une fois dans ta vie une introduction aux CSS ?
Je ne sais pas, par exemple les liens fournis par NoSmoking deux messages plus haut !!!

Préfixe de la div

CSS

Vue hybride

Discussions similaires

Partager

Partager