Style Tumblr même et impairs post

Question

J'ai eu une idée de faire un thème Tumblr où les messages sont affichés différemment selon qu'ils sont pairs ou impairs. Je sais comment faire ceci juste le HTML juste, cependant, je suis nouveau au codage de Tumblr. Ce serait ce que je veux dire:

Toute pensée? Est-ce quelque chose qui peut être fait dans le code de Tumblr? Je sais comment insérer les choses {Block: Post}, mais je ne sais pas comment faire pour diviser Tumblr les messages comme pair ou impair ...

Answer 1

Comme le dit @Rory McCrossan, nth-child est un bon moyen d'y parvenir.

tr { 
    background: red; 
} 

tr:nth-child(odd) { 
    background: blue; 
} 

https://jsfiddle.net/q710v9h4/

Vous pouvez faire nième enfant (impair) ou n-ième enfant (même). Jetez un coup d'oeil ici aussi: http://nthmaster.com/

Answer 2

Tumblr a des blocs spécifiquement pour les messages impairs et pairs. Vous pouvez facilement ajouter des classes pertinentes à vos messages selon si c'est impair ou pair. Par exemple:

<div class="post {block:Odd}odd{/block:Odd}{block:Even}even{/block:Even}"> 
    ... 
</div> 

Vous pouvez également utiliser ces blocs pairs et impairs pour entourer des feuilles de style CSS paires et impaires.