Si vous mettez un sélecteur accolé et devant ":" de la pseudo-classe :only-of-type CSS, alors seul les fils correspondant à la règle de ce sélecteur seront pris en compte.
La pseudo-classes de feuille de style :only-of-type CSS ne peut pas se déclarer dans l'attribut HTML ou XHTML STYLE. La pseudo-classes CSS :only-of-type doit être déclarée dans une balise HTML ou XHTML STYLE.
Problème d'interprétation de :only-of-type en Css.
La pseudo-classes de feuille de style :only-of-type CSS n'est prise en compte qu'a partir de la version d'Internet Explorer 9+, Safari 1.5+, Chrome 2+ , Opera 9.5+ et Firefox 1.5+.
Règles de syntaxes CSS pour :only-of-type.
Comprendre l'écriture du sélécteur Css :only-of-type
La pseudo-classe CSS :only-of-type s'applique aux enfants de type unique de tous les éléments HTML ou XHTML. Vous pouvez donc si nécessaire mettre un sélecteur devant pour conditionner la sélection des fils de type unique, sinon les propriétés seront appliquées à l'ensemble des éléments HTML ou XHTML qui répondent à :only-of-type.
Pour schématiser, il faut imaginer que par défaut la pseudo-classe CSS :only-of-type s'écrit *:only-of-type. "*" représente la condition soit "n'importe quel élément" (sélectionne tous les fils de type unique sans distinction). Donc pour conditionner plus précisément la sélection, il faut juste remplacer "*" par un autre sélecteur qui vous permettra de distinguer les fils de type unique que vous voulez sélectionner. Ce sélecteur doit être unique (classe, id, balise ou pseudo-classe) ou multiple à condition de ne pas contenir d'espace entre chaque sélecteur sinon on passe dans la cas d'un chemin de sélection pour sélectionner le parent (vous comprendrez mieux avec les exemples qui suivent).
Maintenant vous pouvez être plus précis dans pour ciblé l'élément parent quand lequel vous voulez sélectionner les fils de type unique en mettant un chemin de sélection devant :
Info complémentaire sur le sélécteur Css :only-of-type
Attention, la pseudo-classe CSS ":only-of-type" a une écriture un peu spéciale, "only-of-type" est toujours précédée de ":".
La pseudo-classe CSS :only-of-type ne peut pas être déclarée dans une balise HTML ou XHTML avec l'attribut HTML ou XHTML "STYLE" ou dans une feuille de style externe. Elle se déclare dans une balise HTML ou XHTML "STYLE" de votre page :