Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 6 sur 6
  1. #1
    Débutant
    Inscrit en
    mai 2006
    Messages
    608
    Détails du profil
    Informations forums :
    Inscription : mai 2006
    Messages : 608
    Points : 61
    Points
    61

    Par défaut Appliquez un style pour une balise bien précise

    Bonsoir à toutes et à tous,

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

    Code html :
    1
    2
    3
     <section>
          <h3>Méthode d'effacement</h3>
          <p>Comme toutes les colonnes sont flottantes, cette mise en page utilise une déclaration clear:both dans la règle .footer. Cette technique d'effacement force le.... </p></section>

    Et j'ai crée, par la suite, une feuille de style CSS, comme ceci:

    Code :
    1
    2
    3
    4
    h3 p {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	color: #C06;
    }
    Je voulais dire, que pour le contenu de <p> sous <h3>, je veux avoir un font-family= Georgia, "Times New Roman" + couleur = #C06 ... Mais ça ne change rien dans mon site !!!

    J'ai pas compris ou est la faute? , malgré que je suis sûr que l'appel de la page est juste...


    Merci

  2. #2
    Responsable Développement Web

    Avatar de Bovino
    Homme Profil pro Didier Mouronval
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    21 263
    Détails du profil
    Informations personnelles :
    Nom : Homme Didier Mouronval
    Âge : 43
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 21 263
    Points : 83 103
    Points
    83 103

    Par défaut

    Les sélecteurs CSS, c'est un peu la base... Tu devrais peut-être les revoir...

    Coorespond aux balises <p> contenues dans une balise <h3>.

    Code :
    1
    2
    h3 + p{...}
    h3 ~ p{...}
    correspondent à des sélecteurs de frères.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Débutant
    Inscrit en
    mai 2006
    Messages
    608
    Détails du profil
    Informations forums :
    Inscription : mai 2006
    Messages : 608
    Points : 61
    Points
    61

    Par défaut

    D'accord, mais pk si je fais comme ça:

    Code :
    1
    2
    3
    4
    5
     
    h3 > p {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	color: #C06;
    }
    ça ne fonctionne pas, malgré que dans certains tutos, cette instruction fonctionne, exp:

    Code :
    1
    2
    3
    4
     
    #maincontent > p{
           text-indent:30px;
    }
    Hypothèse à ma question: Parce que dans le deuxième cas, je manipule des ID et non pas des balises?

    Est ce vrai?

    Autrement dis, c'est quoi la différence entre > et + dans ce cas?

  4. #4
    Modérateur
    Avatar de polymorphisme
    Homme Profil pro Grégory Roche
    Publishing
    Inscrit en
    octobre 2009
    Messages
    1 436
    Détails du profil
    Informations personnelles :
    Nom : Homme Grégory Roche
    Âge : 40
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Publishing

    Informations forums :
    Inscription : octobre 2009
    Messages : 1 436
    Points : 2 338
    Points
    2 338

    Par défaut

    Bonjour,

    h3 > p
    Le sélecteur &gt; s'applique aux éléments p dont le parent est un élément h3.
    Or un élément h3 n'a pas d'enfant p.
    Donc le style n'est pas appliqué.

    #maincontent > p
    Dans ce cas, les styles de la déclaration de ta règle s'appliquent aux éléments p dont le parent est l'élément identifié par la chaîne "maincontent".
    A priori, l'élément identifié est un élément div, qui peut contenir des éléments p.
    Donc le style s'applique.
    Article : Installation de Cocoon
    Je ne réponds pas aux MP à caractère technique.

  5. #5
    Expert Confirmé Avatar de Muchos
    Homme Profil pro Jonathan Renoult
    Étudiant
    Inscrit en
    décembre 2011
    Messages
    1 348
    Détails du profil
    Informations personnelles :
    Nom : Homme Jonathan Renoult
    Âge : 28
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : décembre 2011
    Messages : 1 348
    Points : 2 985
    Points
    2 985

    Par défaut

    @L'aigle de Carthage :

    Les règles sont simples, non ? ò_ó

    Sélecteurs pour parents/enfants
    • bar foo: Tout élément FOO enfant (tous niveaux) de BAR
    • bar > foo: Tout élément FOO immédiatement enfant de BAR
    • bar * foo: Tout élément FOO petit-enfant de BAR


    Sélecteurs pour frères
    • bar ~ foo: Tout élément FOO précédé d'un frère BAR
    • bar + foo: Tout élément FOO immédiatement précédé d'un frère BAR


    Donc, arrêtons de faire les foo. Point bar.

    Pensons aux balises [CODE][/CODE] — Team #MrGreen
    ---
    Debug the Web together!

  6. #6
    Débutant
    Inscrit en
    mai 2006
    Messages
    608
    Détails du profil
    Informations forums :
    Inscription : mai 2006
    Messages : 608
    Points : 61
    Points
    61

    Par défaut

    Merci beaucoup les gars pour ce magnifique éclaircissement

+ Répondre à la discussion
Cette discussion est résolue.

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •