Est-ce correct d'utiliser plusieurs pseudo-éléments dans css?

Je veux faire un menu où chaque élément est séparé par un ·. Pour réaliser cela, j'utilise

menu li:before {
    content: "· ";
}

C'est la houle, mais il génère un point avant le premier élément. Donc, je voudrais utiliser :first-child pseudo-classe. Puis-je faire cela?

source d'informationauteur Himmators

  1. 16

    Assurer que vous pouvez vous - http://jsfiddle.net/WQBxk/

    p:before {
    content: "BEFORE ";
    display: block;
}

p:first-child:before {
    content: "1ST";
    display: block
}
​

    Le mal - il ne fonctionnera pas dans IE7 et ci-dessous. Non pas en raison des multiples pseudo-sélecteurs, mais à cause de la non-prise en charge :before - http://kimblim.dk/css-tests/selectors/

    Juste testé avec IE8 - fonctionne bien.

  2. 1

    Ici, c'est le travail de violon: http://jsfiddle.net/surendraVsingh/zRrLF/

    <ul>
<li>lorem</li>
<li>lorem</li>
<li>lorem</li>
<li>lorem</li>
<li>lorem</li>
<li>lorem</li>

</ul>​

    CSS:

    li:before{content:'. ';}
li:first-child:before{content:'@ ';}
  3. -2

    Bien sûr, vous pouvez utiliser les pseudo-classes.Ils sont très bien pris en charge à partir de IE8 et.Vous pouvez vérifier la compatibilité de toute pseudoclass vous allez utiliser ici http://caniuse.com/#search=after

    Si vous ne voulez pas un point suffit d'utiliser vides des virgules dans le contenu, puis display:block et aussi spécifier la hauteur et la largeur.

    menu li:before {
    content: "";

    display:block;
    width:50px;
    height:50px;
    background:red;

}