Conflit de CSS sur ma page

Version imprimable

30/11/2012, 10h01
vladock

Conflit de CSS sur ma page

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
30/11/2012, 10h41
DrDarko

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!!
30/11/2012, 11h19
vladock

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
30/11/2012, 11h51
DrDarko

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...
30/11/2012, 11h52
Bovino

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.

Citation:

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:

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:

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>

30/11/2012, 13h39
Bovino

Citation:

Envoyé par Muchos

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

En même temps, j'étais sûr qu'il y aurait incompréhension dans ce que je voulais dire. :aie:

Je sais qu'il est possible avec CSS3 de dire "toutes les tables sauf celles-ci" où "celles-ci" correspondraient à un sélecteur donné, mais il reste impossible de dire "toutes les tables sauf certaines" où "certaines" correspond à

Citation:

Justement moi je ne veux aucune classe sur ma balise table

ce qui reviendrait à expliquer que "certaines" serait le résultat d'un algorithme de magie noire ou d'un test de paternité ! ;)
30/11/2012, 13h44
Muchos

Javépakompri :aie:
Oui, il faudra forcément modifier la feuille de style !
30/11/2012, 14h19
DrDarko

Citation:

Envoyé par Muchos

Oui, il faudra forcément modifier la feuille de style !

Oui et c'est justement ça le problème il ne veut pas modifier la feuille de style...
30/11/2012, 14h53
Torgar

Quelle est la structure de ta table exactement ?

Il peut être envisageable de passer par des div plutôt que table ?