5546 sujets

Sémantique web et HTML

Des crochets dans un emailng (xhtml 1.0)

Bonjour à tous.

Je observant le code d'un emailing et suis tombé sur une structure de code suivante :
        body[yahoo] td[class="mob228"] {
            padding-bottom: 11px!important;
        }


Ma question concerne les crochets, je comprend la fonction du code mais n'arrive pas à trouver si c'est de l'HTML ou autre chose (j'ai des notions d'html de CSS et JS mais rien trouvé de ce coté).

Quelqu'un a-t-il un début d'explication ?

Merci d'avance
Modérateur
Bonjour,

Un début d'explication ici (voire même la fin qui va avec Smiley cligne ).

Have a nice day Smiley smile


Edit : La traduction littérale est : applique (et c'est important de le faire) un espacement de 11px en bas de tous les TD dont leur classe est strictement 'mob228' et qui sont enfants (directs ou indirects) de tout body possédant l'attribut 'yahoo'.
Modifié par Greg_Lumiere (02 Aug 2016 - 14:15)
Administrateur
Bonjour et bienvenue, Smiley smile

CSS style du code HTML (et XML dont SVG mais passons)

Avec un simple :
        body td {
            padding-bottom: 11px!important;
        }

on reconnaît une règle CSS et son sélecteur ciblant 1 élément HTML td descendant de l'élément HTML body.

Les crochets permettent de sélectionner en CSS un attribut (HTML).
Je retraduis en code HTML un exemple de ce que Greg_lumière a décrit avec des mots.
<body yahoo class="qqch ou rien">
<div>
  <table>
    <tr>
      <td class="mob228">oui</td>  <!-- le seul à être ciblé -->
      <td class="autre mob228">non</td>
      <td class="mob228nope">non</td>
      <td class="mob228 nonplus">non</td>
    </tr>
  </table>
</div>
</body>


(le div peut ou non être là, peu importe)
Modifié par Felipe (02 Aug 2016 - 14:57)
Sujet clos
Aller à