Nu tar jag semester…ha det så skönt i värmen.

Det började med att Robert höll på att skapa en top-menu och nu ville han ha några speciella effekter för vart och ett av de första list-elementen <li> medan resten skulle ha andra stilar. Eftersom det också rörde sig om ett begränsat område, och att det här inte var nödvändigt med stöd av IE 6, trodde han därför att han kunde använda en massa häftiga css-koder för att lösa detta istället för att slänga in en massa classer i html-koden. Låt oss kika på hans något förenklade exempel:

HTML-koden

1. <ul>
2. <!-- First item is special -->
3. <li>
4. <a href="/">Start page</a>
5. </li>
6. <a href="/">News</a>
7. </li>
8. <li>
9. <a href="/">Contact</a>
10. </li>
11. </ul>

CSS-koden

1. li {
2. background: red;
3. }
4. li:first-child {
5. background: blue;
6. }

Problemet

Det spelade ingen roll hur mycket Robert än vred och vände på koderna; :first-child CSS pseudo selector ville inte fungera i IE 7! Självfallet så gör inte Microsoft anspråk på att kunna stödja det heller. Medan Robert höll på att gå upp i små atomer försökte han trots allt komma underfund om detta bara var ännu en eländig implementation som inte skulle fungera överhuvudtaget eller om det faktiskt var så att det var något knas med hans koder.

Lösningen!

Efter att närapå ha slitit bort sitt skägg i vild förtvivlan slog det honom plötsligt; nyckeln var html-elementet som föregick det första LI elementet! Denna tolkas felaktigt av IE att bli det första child-elementet till UL. Till Roberts försvar så var den första html-kommentaren <!-- First item is special --> inte ditskriven av honom, och man kan faktiskt lägga in den någon annanstans om man vill det.

Trots allt så är det en gräslig bug och av den anledningen vill Robert varna oss alla. Var mycket noggrann och försiktig med var du placerar dina html-kommentarer! Det finns alltid en fara med att dessa kan ställa till problem. Läs även andra bloggares åsikter om :first-child bug IE 7

Sedan drar vi oss mot mycket ljusare tider – härligt! Det ger många sköna, och förhoppningsvis varmare, sommarkvällar att sitta och knacka koder, och kanske dricka en cider eller två. Hur som helst, fler guider uppdateras och nya är på gång. Har ni några förslag så är det bara att höra av sig. Och – jag höll på att glömma, det blir en och annan blogg.se layout också.

Mattias är också utbildad församlingspedagog i Svenska Kyrkan, med barn och ungdomar och äldre. Vi i Team kaxigt hälsar Mattisa hjärtligt välkommen till oss och vet att han kommer att skriva många intressanta och nyttiga artiklar om en dators teknikaliteter. Välkommen!