Selektorer: Beroende av sammanhanget

Inledning
Taggar
Klasser
ID
Grupperade selektorer

Det är fullt möjligt att åstadkomma selektorer som bara fungerar i bestämda sammanhang. Detta kan till exempel utnyttjas om man vill att en bestämd stil skall användas när texten visas både kursiv och halvfet, men inte när den bara är kursiv eller halvfet.

<I><B>Kursiverad och halvfet text</B></I>

<I>Kursiverad text</I>

<B>Halvfet text</B>

Texten visas med den teckenstorlek som jag har valt i stilmallen (10pt). Men nu vill jag att text som visas både halvfet och kursiv i stället skall ha textstorleken 14pt. Detta kan jag i och för sig åstadkomma genom att sätta in texten i en FONT-tagg.

<I><B><font size="4">Kursiverad och halvfet text</font></B></I>

Men då sitter jag där igen med en HTML-kod som gör sidorna svåra att ändra, eftersom innehållet har blandats med layouten. I stället gör jag en taggselektor som blir beroende av sammanhanget.

I B {font-size: 14pt;}

I koden skriver vi sedan <I><B>Kursiv och halvfet stil</B></I>

Kursiv stil

Halvfet stil

Kursiv och halvfet stil

Alla B-taggar som är inneslutna i I-taggar skall visas med textstorleken 14 pt.

Om förhållandet är det omvända, så att I-taggen innesluts i B-taggen, kommer taggselektorn inte att fungera.

Men här kommer ett varningens ord som gäller för Netscape och har att göra med att koden är hierarkisk. Om du har en global stilmall som säger hur attributet B skall behandlas, och sedan lägger in en lokal stilmall som säger att B i vissa fall skall behandlas på ett annat sätt, kommer Netscape att lyda den globala stilmallen.

Min globala stilmall säger att B skall placeras utan vänstermarginal. P skall ligga med 1em som indrag. Om jag då använder <I>Kursiverad och <B>halvfet text</B></I> utanför P-taggen, hamnar "Kursiverad och" till vänster och sedan läggs "halvfet text" också längst till vänster, ovanpå den andra texten. Lösningen är att placera alltsammans i en P-tagg, eftersom det då blir stilmallen för denna som styr.

Låt oss säga att du har flera taggar som skall visas i textstorleken 14 pt när stilen är både halvfet och kursiv. Då kan du göra en kombination av grupperade och sammanhangsberoende selektorer.

I B, .rubrik, B .mellanrubrik {font-size: 14pt;}

Det här skulle ge som resultat att textstorleken blev 14 pt i följande fall:

• Alla B-taggar som omsluts av I-taggar
• Alla textblock som anropar klassen .rubrik
• Alla textblock som anropar klassen .mellanrubrik, under förutsättning att texten omsluts av B-taggar

Inledning
Taggar
Klasser
ID
Grupperade selektorer

©SupportData.Net
www.supportdata.net