Ett snabbt CSS tips
2010 februari 20
:first-child pseudo-klass
:first-child är en oerhört användbar pseudo-klass i CSS 2.1. Hur ofta vill man inte kunna särbehandla det första elementet i en serie, med :first-child kan man det. Du kanske vill ha streck mellan paragraferna men inget under den sista och inget ovanför det första paragrafen, använd då följande CSS:
p { border-top: solid 1px #cccccc; }
p:first-child { border-top:0; }
I CSS 3 kommer även :last-child pseudo-klassen finnas.
I större CSS filer kommer man oundvikligen ha flera stil deklarationer som påverkar samma egenskap på ett element, när det blir konflikt på ett element (som p-elementet ovan) så väljs deklaration med hjälp av följande beräkningsmodell, selectorns specifitet .
