cSS választók

Így a választó - egy formális leírása egy elemet vagy egységek csoportját, amelyre a megadott stílus szabályt.

Egyszerű választó egy választó. osztályszelektor vagy id-választó. amely lehet követni pszeudoosztályban szelektor, és az attribútum szelektor (az utóbbi ebben a rövid leírása Def).







Selector - sorozata egyszerű szelektor. szóközzel elválasztva vagy szimbólumok „>” és a „+”. Ezek elválasztó van értelme a jövő.

  • A különbség a szekvencia megfelel a koncepció szelektor „választó leszármazottai.”
  • A szimbólum „>” az egymást szelektor megfelel a koncepció „gyermek választó”.
  • A „+” jel az egymást szelektor megfelel a koncepció „ápolási választó”.

leszármazott szelektor

Meg lehet alkalmazni, hogy a HTML-elem egyedi stílusban attól függően, hogy ez az elem van ágyazva egy másik (vagyis az, hogy ez egy leszármazottja). Ebből a célból az elemek nevei vannak felsorolva azok vélt fészkelő és szóközzel elválasztva. A következő példa bemutatja a szelektor, amely szerint fejlécek 1. szinten (h1 elemet) jelenik meg a vörös sejtek táblázatok (td). Ezen felül minden a sejtek az összes asztal (még ha vannak beágyazott táblázatok).







Gyermek szelektor

Bizonyos esetekben előfordulhat, hogy nem érdekli a „utódai” szerkezeti elem, de csak a közvetlen - nem „unokák” vagy „dédunokák”, de csak a „gyerekek” (gyerek). Annak jelzésére, hogy a stílus a szabály csak a közvetlen leszármazottja a „>” jel használatos a választó. A következő példa azt mutatja, a szelektor, amely szerint a sejtben (TD) ntablitsy (táblázat) egy osztály „különleges” fejléc szint 1 (H1) jelenik meg vörös. Vegye figyelembe, hogy ha van egy beágyazott táblázat a cellában, hogy a címek a sejtjeiben a leírás már nem érvényes.

nővér szelektor

Nővér szelektorok használt olyan esetekben, ahol lényeges, hogy bizonyos szerkezeti elemek leszármazottai szülő és egy közvetlenül megelőzi a másik. Ebben az esetben a „+” jel azt jelenti, a választó.

A következő példa egy nagyon is valós helyzetet. Általános szabály, hogy célszerű szétválasztani a fejlécet a korábbi szöveg tagolt szignifikáns (margin-top tulajdonság). Az ilyen padding lehet állítani, például, melynek értéke 20-30 px. És úgy néz ki, jó, ha van egy kis bevezető szöveget különböző szintjei közötti fejezetek. De lehet, hogy bizonyos esetekben, például a fejezetek az 1. és 2. szintű a szöveg nem. Vagyis ezek a címek közvetlenül követik egymást. Aztán nőtt a behúzás nyilvánvalóan nem szükséges.