Appliquer un style sur une sous-balise

**L'aigle de Carthage** · 05/09/2013, 01h24

Bonsoir à toutes et à tous,

Je suis en train de tester le CSS3 et j'ai ce bout de code HTML suivant:

Code :

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

1
2
3
4
5
6
7
div{
	border-radius:12px;
	border:2px solid;
	background-color:#009933;
	box-shadow:10px 10px 10px 5px black; 
	text-align:center;
}

et

Code :

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

1
2
3
4
5
p {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	color: #F03;
}

et j'ai la structure de la page HTML comme suit:

Code html :

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

1
2
3
4
5
6
7
8
9
10
<body>
 <div>
    Liste des etudiants
    </div>
<div id="montexte"> <p>   
  Texte TexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexte
</p>
</div>
 
</body>

Ma question ici c'est comment faire pour que les styles de la balise <div> ne s'appliquent pas sur le texte qui se trouve dans la baise <p> (je voudrais savoir, tout d'abord, si c'est possible avec les sélecteurs, et comment peut-on l'appliquer sans changer la structure de la page)

Merci

**Muchos** · 05/09/2013, 02h05

À ma connaissance, il n'y a pas d'autres solutions que de modifier le style de la "sous-balise" en question.

Invité · 05/09/2013, 08h40

Bonjour,

Code :

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

1
2
3
p {
	text-align:left;
}

A part ça, je ne vois pas ce que tu entends par "ne pas appliquer les styles sur <p>".

A moins que tu ne veuilles dire "sur le <div> entourant le <p>" :

Code :

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

1
2
3
4
5
6
7
div#montexte{
	border-radius:none;
	border:none;
	background-color:transparent;
	box-shadow:none; 
	text-align:left;
}

Le plus malin est :

d'éviter de mettre des styles trop "typés" sur des balises génériques,
et de mettre les styles spécifiques sur les balises identifiées par un id ou une class.

**rodolphebrd** · 05/09/2013, 08h52

Bonjour,

J'avoue ne pas comprendre où vous voulez en venir !!

Envoyé par L'aigle de Carthage

Ma question ici c'est comment faire pour que les styles de la balise <div> ne s'appliquent pas sur le texte qui se trouve dans la baise <p> (je voudrais savoir, tout d'abord, si c'est possible avec les sélecteurs, et comment peut-on l'appliquer sans changer la structure de la page)

**Bovino** · 05/09/2013, 09h32

A la rigueur, si la div sert uniquement de conteneur, tu peux faire

Code :

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

1
2
3
#montexte :not(p){
    /* Les styles à appliquer */
}

**L'aigle de Carthage** · 05/09/2013, 13h16

Bonjour,

je m'explique, la balise <div> contient l'attribut background-color (qui est une couleur verte), je voulais savoir comment faire pour le background-color ne s'applique pas dans la balise <p> qui se trouve dans le <div>!

Invité · 05/09/2013, 15h41

Dans ce cas, c'est impossible, à moins d'appliquer UNE AUTRE couleur de background au <p>.

A ma connaissance, il n'existe pas encore en CSS le pseudo-élément :

Code css :

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

:oui-mais-là-non

Si tu expliquais pourquoi c'est faire, on pourrais peut-être t'orienter vers une autre solution.

Appliquer un style sur une sous-balise [CSS 3]

CSS

Discussions similaires

Partager

Partager