1
votes

Pourquoi mon sélecteur de classe ne remplace-t-il pas le sélecteur de balises?

Donc, je suis en train de coder depuis une semaine et j'ai cherché une solution sur Google pendant 30 minutes. Alors excusez-moi si cela a déjà été demandé. J'essaye d'écrire un résumé de ce que j'ai appris après chaque leçon mais ça ne marche pas!

p
{
font-size: 15px;  
}

/*****class selector*****/
.p1
{
font-size: 20px;  
}

Et mon CSS est le suivant:

<body> <center> h1> Module 40 </h1> </center>


<p>In this module I have learned on how to use the tag <!-- <div> ---> the purpose of this tag is to create a specific group whether it is images, headers, paragraphs, etc, which you can attribute seperate properties to so it is unaffected by tag selectors. by adding a class or ID to it. </p> <br>

<div class="p1">

 <p> Like for example this paragraph is inside a div called "p1". And I have added a specific font-size for this one compared to the previous paragraph which is affected by a <strong> tag </strong> selector instead of a <strong> class </strong> selector.
</p>

</div> 

</body>

html css css-selectors

1 commentaires

Avant d'essayer de générer une réponse, veuillez trier votre syntaxe., Par exemple, dans la première ligne, h1> doit être

. Veuillez également ne pas utiliser la balise . car il n'est pas pris en charge sur le HTML moderne. Utilisez plutôt CSS pour centrer le titre.

4 Réponses :

0
votes

Non, car votre paragraphe est un enfant de .p1

Tous les enfants héritent du style de leur parent (font-size: 20px), mais ont la possibilité de le remplacer (ce que vous avez fait en définissant le style de paragraphe sur font-size: 15px)

Vous pouvez en savoir plus sur l'héritage en CSS ici: https://developer.mozilla.org/en-US/ docs / Learn / CSS / Introduction_to_CSS / Cascade_and_inheritance

0 commentaires

2
votes

Doit être .p1 p

<p>In this module I have learned on how to use the tag <!-- <div> ---> the purpose of this tag is to create a specific group whether it is images, headers, paragraphs, etc, which you can attribute seperate properties to so it is unaffected by tag selectors. by adding a class or ID to it. </p> <br>

<div class="p1">

 <p> Like for example this paragraph is inside a div called "p1". And I have added a specific font-size for this one compared to the previous paragraph which is affected by a <strong> tag </strong> selector instead of a <strong> class </strong> selector.
</p>

</div>

p
{
font-size: 15px;  
}

/*****class selector*****/
.p1 p
{
font-size: 20px;  
}

0 commentaires

0
votes

Votre balise

est l'enfant de la balise

, c'est pourquoi elle ne fonctionne pas. Essayez d'ajouter la classe à la balise

0 commentaires

1
votes

Cela est dû à la spécificité . La spécificité est le moyen par lequel les navigateurs décident quelles valeurs de propriété CSS sont les plus pertinentes pour un élément et, par conséquent, seront appliquées. La spécificité repose sur les règles de correspondance qui sont composées de différentes sortes de Sélecteurs CSS . Vous pouvez trouver l'une des documentations les plus utiles ici -

https://developer.mozilla.org/en-US / docs / Web / CSS / Spécificité

0 commentaires