Question de poids des sélecteurs

**moimp** · 13/01/2019, 18h23

Bonjour,
Dans le code suivant, je voudrais que le style des liens de menus priment sur le style général des liens. Dans le débogueur IE11, la couleur noire définie pour le sélecteur "nav li a" est rayé.

Code css :

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
a:link
{
	color: yellow;
}
a:hover
{
	font-weight: bold;
	color: yellow;
}
a:visited
{
	color: yellow;
}
 
/* ... */
 
nav
{
	width: 450px;
	/*color:black;*/ /* Essai sans effet sur le résultat */
}
 
/* ... */
 
nav li a
{
	text-decoration: none;
	padding: 4px 8px;
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	color:black; /* Ligne rayée dans le débogueur de IE */
}

**vttman** · 13/01/2019, 19h33

Le plus simple je pense ...
changer la partie "nav" de place ...

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
 
nav
{
	width: 450px;
	/*color:black;*/ /* Essai sans effet sur le résultat */
}
 
nav li a
{
	text-decoration: none;
	padding: 4px 8px;
	display: block;
	width: auto;
	height: auto;
	line-height: 20px;
	color:black; /* Ligne rayée dans le débogueur de IE */
}
 
a:link
{
	color: yellow;
}
a:hover
{
	font-weight: bold;
	color: yellow;
}
a:visited
{
	color: yellow;
}

**ProgElecT** · 13/01/2019, 21h11

Salut

Et/ou ajouter la directive !important .

Code :

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

1
2
3
4
5
6
nav
{
	width: 450px;
	/*color:black;*/ /* Essai sans effet sur le résultat */
	color:black !important;
}

**moimp** · 14/01/2019, 09h22

Merci pour votre aide. J'ai trouvé une autre solution: J'ai remplacé le sélecteur de balise nav par une classe myNav et ça fonctionne. En plus ça me paraît plus propre.