webhely létrehozása
9. lépés: A kontextus szelektorok
Weboldalak létrehozásakor gyakran kell befektetni egy kis címkéket a másik. A stílusok ezeket a címkéket megfelelően használják, segít a választókat, hogy működik csak egy adott kontextusban. Például, meg a stílus a címke Csak akkor, ha nem kerül a konténer belsejében
. Így lehetséges, hogy egyszerre állítja a stílus egy külön címkét, és a címke, amely helyezkedik el a másikban.
A kontextus szelektorokat állnak egyszerű szelektor egy szóközzel elválasztva. Így a következő szintaxis egy Címkeválasztó.
Ebben az esetben, a stílus lesz alkalmazva Tegu2 ha úgy van elhelyezve benne Tega1 az alábbiak szerint.
<Тег1>
<Тег2>.
Kontextus szelektorok példában bemutatott 9.1.
Példa 9.1. kontextus szelektor
félkövér szöveg
Ugyanakkor félkövér szöveg és kétszínben
Ez a példa azt mutatja, a konvencionális tag és ugyanazt a címkét, ha van ágyazva egy bekezdés
. Ebben az esetben megváltoztatja a színét és betűtípusát, a szöveg, az alábbiak szerint.
félkövér szöveg
Ugyanakkor félkövér szöveg és kétszínben
Nem feltétlenül kontextus szelektor tartalmaznak csak egy gyerek tag. Attól függően, hogy a helyzet elfogadható, hogy két vagy több egymásbaágyazott címkéket.
További lehetőségek kontextus szelektor lehetővé segítségével azonosítók és osztályok. Ez lehetővé teszi a stílus csak az elem, amely belül található egy adott osztály, amint azt a 9.2 példában.
9.2 példa. Az osztályok
A példa eredményét az alábbiakban mutatjuk be.
Ezzel a megközelítéssel, hogy könnyen kezeli a stílusát ugyanazokat az elemeket, mint például a képek és linkek, amelyek kialakításakor kell változnia a különböző területeken a weboldalt.