2015-10-07 1 views
-8

Ceci est l'une des questions d'examen. J'ai essayé de google, mais je n'ai pas trouvé de solutions.Qu'est-ce que cela signifie dans CSS?

<style type="text/css"> 
p.i p.b, i.p b.p{color:blue} 
</style> 

Write an html code that will be applied with the abovementioned style. 

Qu'est-ce que le "." et "," les opérateurs signifient dans cette question?

+0

ne veux pas être impoli, mais vous besoin d'améliorer vos compétences de recherche si vous ne pouviez pas trouver ce que ces deux utilisent la recherche Google. – Harry

+2

@Harry: Il dit qu'il n'a pas trouvé de "solutions". Peut-être qu'il a essayé de chercher une réponse à la partie "Ecrire un code html", pas le "." et "," partie. Bonne chance avec ça ... – BoltClock

+0

Qui a fait cette feuille de style vous a laissé des noms de classe vraiment compliqués. Normalement tout ce qui suit le '.' serait quelque chose d'humain lisible comme '.intelligent-class-name'. Peut-être que vous regardez une feuille de style minifiée qui vient d'un préprocesseur comme scss ou moins? – staypuftman

Répondre

1

Le '.' est la classe et l'élément, et « » est pour « ceci et cela, et ainsi de suite aura ce style »
pi est un élément <p> avec la classe i
pb est un élément <p> avec la classe b
ip et pb sont des éléments en gras et en italique avec une classe de « p »
ils sont tous bleu

1
  • Dans les classes CSS sont représentés par « ». Le "," est utilisé pour séparer plusieurs éléments qui auront le même style.
  • dans le code que vous fournissez à US signifie que l'élément "p" aura le style de police comme italique (parce qu'il a un "i") et cela se passe avec le reste.

    Exemple de: W3SCHOOL

    Vous pouvez également spécifier que devraient être affectés des éléments HTML spécifiques que par une classe. Dans l'exemple ci-dessous, tous les éléments <p> avec class = "center" sera le centre-alignés:

    p.center {
    text-align: center;
    color: red; }