Conflit de CSS sur ma page

**vladock** · 30/11/2012, 10h01

Bonjour ,

J’espère que y'a quelqu'un pour m'aider parce que là je galère.

J'ai un conflit de css sur ma page web et cela parce que j'y ai intégrer une autre page qui avais sa propre feuille de style css.

par exemple j'ai moi la balise table à laquelle je n'ai appliqué aucun style et il se trouve que la page intégré par inclusion elle à des styles pour la balise table, ce qui agit sur moi ma balise table et autre donc je voudrais savoir si il n'y avais pas un moyen de dire à ma balise table ou tout autre balise de ne pas pas appliquer de style et rester tel qu'elle était.

Merci bien

**DrDarko** · 30/11/2012, 10h41

Le style que tu appliques a toutes les tables tu change et tu le mets pour une classe donnée et ensuite tu appliques la classe aux différentes table qui t'intéressent...

Sinon tu fais un truc très moche TRÈS MOCHE tu appliques ton style à toutes les balises table et ensuite les balises table que tu ne veux ne pas changer tu leur fais une classe qui leur redonne les bonnes propriétés CSS -> MOCHE très MOCHE!!

**vladock** · 30/11/2012, 11h19

Justement moi je ne veux aucune classe sur ma balise table , alors que pour l'autre page intégrer ils on besoin de ces styles. De plus je veux pas toucher a leur feuilles css ne sachant pas la profondeur de leur feuilles de styles dans leur différente page donc je veux juste toucher moi ma feuille de style et lui dire de ne pas appliquer de style a ma balise table

**DrDarko** · 30/11/2012, 11h51

Bah dans ce cas tu applique une classe à ta balise table et dans cette classe tu remets les valeurs CSS de ta table (qui sont modifiées dans l'autre feuille de style) à leur valeurs initiales.
Mais bon ça fait un peu sale bricolage...

**Bovino** · 30/11/2012, 11h52

En tout état de cause, tu ne pourras jamais dire à CSS "Cible toutes les tables sauf certaines"...
Parce que pour CSS, "toutes les tables", ça a une signification, mais "sauf certaines", non.

**Muchos** · 30/11/2012, 13h28

Envoyé par Bovino

En tout état de cause, tu ne pourras jamais dire à CSS "Cible toutes les tables sauf certaines"...

C'est possible en CSS3 avec la pseudo-classe :not

Ex:

Code html :

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
 
<!doctype html>
<html lang="fr-FR">
<head>
	<meta charset="UTF-8" />
	<title>"tout sauf" en css</title>
	<style type="text/css">
div {height: 2em;}
div:not(.nostyle) {background-color: green;}
        /* = toutes les div sauf les div classe "nostyle" */
        </style>
</head>
<body>
	<div>green</div>
	<div class="nostyle">blank</div>
	<div>green</div>	
</body>
</html>

Évidemment, ça prend encore plus son sens sans utiliser de classe :

Code html :

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
 
<!doctype html>
<html lang="fr-FR">
<head>
	<meta charset="UTF-8" />
	<title>"tout sauf" en css</title>
	<style type="text/css">
div {height: 2em;}
div:not(:nth-child(2)) {background-color: green;}
        /* = toutes les div sauf les deuxièmes */
        </style>
</head>
<body>
	<div>green</div>
	<div>blank</div>
	<div>green</div>	
</body>
</html>

Conflit de CSS sur ma page

CSS

Vue hybride

Discussions similaires

Partager

Partager