web-dev-qa-db-fra.com

Jade (node.js) - plus d'une classe sur un élément?

en jade on peut écrire:

div.container

et il se compile en:

<div class="container"></div>

Mais que se passe-t-il si vous avez plusieurs classes comme:

<div class="span 4"><div>

Je l'ai écrit comme ceci:

div(class="span 4")

Mais je pense: n'y a-t-il pas une meilleure façon de le faire en jade?

pug
37
Piddien

De la documentation :

que diriez-vous de certaines classes?

div.user-details

rend <div class="user-details"></div>

plusieurs classes? et un id? sûr:

div#foo.bar.baz

rend <div id="foo" class="bar baz"></div>

89
Matt Ball

Le format suivant

    div#MyBox.span12.blueButton.moveLeft

créera

    <div id="MyBox" class="span12 blueButton moveLeft"></div>
7
gartox

Vous n'avez pas besoin de spécifier div

#MyBox.span12.blueButton.moveLeft

appliquera la classe et l'identifiant sélectionnés sur un élément div:

Étant donné que les div sont un choix de balise commun, c'est la valeur par défaut si vous omettez le nom de la balise: .content compile en <div class="content"></div>

Voir le Pug (nouveau nom pour Jade) documentation .

Cependant, vous devez spécifier les balises de chaque élément que vous utilisez avec un identifiant ou une classe.

Ex.

body
  #page
    header.row
      h1= title
    .row
      p Express App
3
PhilippeThomas