Konfliktusok a css stílusokat
Meghatározása és az állandó megújulás értékeket oldal elemeit különböző tulajdonságú, meg kell értenünk, hogy milyen értéket fogja használni a böngészőt, és hogyan fog majd irányítani.
A CSS működtet szabály: minél specifikusabb szelektor meghatározza az elem, annál nagyobb a valószínűsége, hogy alkalmazni fogja azt.
Minél pontosabb a választó köteles stílus, ezért erősebb.
a specificitás
Összehasonlítása, például egy választó és választó az címke az azonosító.
Az első minta nagyon gyakori - ez tartalmazza az összes elemet az ilyen típusú oldalon, a második minta lesz csak egy bizonyos elemet, amit látszólag jól ismerjük. Mivel mi már dolgozott olyan azt az elemet, hogy szeretnénk felhívni, akkor tényleg úgy kell megtervezni.
És így könnyen újra a stílus-specifikus linkek, ugyanakkor anélkül, hogy a többiek. Ez azért van, mert a konkrétabb választó ID szelektor a címkét. és ezért erősebb nála, és blokkolja a keresete enyém.
Nézzük rendezni a szelektor érdekében, hogy növeljék a specificitás:
- tag - kevésbé specifikus választó. Nem kell semmit tennie, válasszon egy tételt a tag, vagy add meg az osztálynak, vagy rendelni egy azonosítót. Ezek az elemek az oldalon lehet hatalmas. Általánosságban elmondható, hogy nem egyedi választó.
- osztályban. Ahhoz, hogy hozzon létre egy osztályt, és adjunk hozzá az elemeket, hogy szükségünk van egy kis munka. eleme, amely az adott osztály sokkal pontosabb, mint az elem nélkül egy osztály, de ezek az elemek is sokat.
- id - nagyfokú specifikusság. szabályokkal azonosító jelzi, hogy csak egy bizonyos elemet, ezért a ID szelektor maximális fajlagos. Azonban, és talált egy rivális.
- Inlaynovy egyedi stílus, hogy nem is kell a választó. Ez a legnyilvánvalóbb és közvetlen módon jelzi az elem, amely kell alkalmazni. Keményen dolgoztunk, hogy ezt a stílust a közös asztalra, és kötődnek közvetlenül egy elemet, az azt jelenti, hogy az az oka, akkor ez az elem meg kell nézni, hogy így, és nem más.
Remélhetőleg az alapötlet világos. Idővel meg fogja kezdeni, hogy tudat alatt megérteni, mi választó erősebb és hogyan lehet erősíteni a szabályt, ha szükséges.
súly szelektor
A könnyebb számítások egyes választó rendelt számérték vagy súlyát.
Kérjük, vegye figyelembe:
- Univerzális választó súlya 0.
- Combinators kontextus szelektorok (+
^ Space) - nincs súlya. Szintén nem a súlya a szabályok öröklődik.
Nulla súly és a teljes hiánya súly - ezek különböző fogalom.
Van egy p elem és a csatolt span. Egy bekezdés beállítani a kék szín a szöveget, és azt várnánk, hogy ezt a szabályt kell terjeszteni a beágyazott span. Azonban van egy szabály, amely kötődik az univerzális szelektor, amely meghatározza a narancssárga szín a szöveg minden eleme. Egy elem p ez felülírja (mivel Címkeválasztó erős egyetemesség), de a span elem - nem (mint az univerzális szelektor nullával nagyobb tömegű régebbi stílusok, amelyek általában nincsenek súly).
Lorem ipsum dolor.
Meghatározása súlyválasztó
Súly bonyolult szelektorok összegeként definiáljuk a súlyok az őket alkotó egyszerű:
- Például az összefüggésben választó ős div span tömege 2, mert az két szelektor a tag, de a különbség nem kombinálóegységhez súlyokat.
-Composite választó div.border súlya 11.
Mennyi testsúlya egy ilyen komplex választó?
ul # mainmenu> li.listItem: első gyermek> egy [href * = "wikipedia"]
Inlaynovye stílusok
Tegyük meg arról, hogy inlaynovy stílus a legnehezebb és legfontosabb.