PROJET AUTOBLOG


Shaarli - le hollandais volant

Site original : Shaarli - le hollandais volant

⇐ retour index

Note : Astuce CSS

dimanche 9 décembre 2018 à 22:50

Imaginez vous avez un template avec N posts à la suite. S’il y N articles, vous voulez un style A. S’il y a 1 seul article, par contre, vous voulez un style B.

Le CSS est très simple :

#blog > article {
    width: 500px;
}
#blog > article:first-of-type:last-of-type {
    width: 1000px;
}

L’idée est que si l’article est tout seul, il est à la fois le premier et le dernier !

Par exemple, là, je bosse sur un design où les articles sont mis côté à côté de largeur 500px. Quand un seul article est affiché, je veux en revanche qu’il occupe toute la largeur.