Jegyzet css - attribútum szelektor
Képesség szelektor - ez szelektor, amely lehetővé teszi, hogy alkalmazza a stílusokat a HTML-elemek sajátos tulajdonsága vagy konkrét attribútum értékét. Számos módja van az alkalmazás, de annak ellenére, hogy ez a rugalmasság, a gyakorlatban attribútum szelektor ritkán használják, mert ott sokkal kényelmesebb választókat. Míg a másik viszont, néha nagyon hasznos.
Syntax attribútum szelektor
Stílusok alkalmazása elemek specifikus attribútum, szükséges szögletes zárójelben []. attribútum megadásához.
A stílus az elemei, amelyek nem csak egy bizonyos tulajdonság, és egy attribútumot egy bizonyos értéket - után szükséges attribútum levelet egyenlőségjel (=) és az értéket, amely lehet idézni.
Egyes attribútumok lehet több értéke szóközzel elválasztva (például rel attribútum tag vagy osztály. nézzük meg később). Tehát, meg a stílus elemeit, amelyben az egyik érték az attribútumok ugyanaz, meg kell kiszerelt jelek után tulajdonság
= (Hozzávetőlegesen), és írjuk be a kívánt értéket.
A negyedik kiviteli alak célja a tulajdonságok, amelyek értéke állhat több szót kötőjellel elválasztva (például, az azonos osztályba). És ez lehetővé teszi, hogy alkalmazza a stílusokat minden elemét, amely az első szó az attribútum értékét - ugyanaz. Például, class = "blokk-bal" és class = "blokk jobb". Itt ugyanaz a része - blokk. ezért lehet használni, mint egy értéket.
Az ötödik utat csatlakozni stílusok elemeit, amelyben az attribútum értékek kezdődik ugyanazt a szöveget. Például, src = "images / bird.png" és az src = "images / cat.jpg". Itt ugyanazok a felvételek egy részét / vagy kép, vagy kép, stb Ez az ugyanazt a részét, és feljegyezzük az érték.
Hasonló az ötödik, de itt egy példa a szöveg, amely éppen ellenkezőleg végén attribútum értékeket. Mondjuk, src = "image / bird.png" és az src = "kép / dog.png". Nyilvánvaló, hogy itt ugyanazt a részt png.
Sajnos az Internet Explorer 6.0 nem érti attribútum szelektor.
Egy példa az attribútum szelektor CSS
Az eredmény a böngészőben
Ötvözi attribútum szelektor
Attribútum szelektorok kombinálni lehet egymással vagy más kiválasztók (például címkék), így egy szűk szelekciós paraméterek. Kombinálásával szelektor vannak írva egymás után közvetlenül, azaz a köztük nem kell hiányosságok. Ebben az esetben, a stílus csak azokra azokat az elemeket, közvetlenül megfelelnek a választókat. Összességében ez a szintaxis.
[Választó atributov1] [választó atributov2] <свойство: значение;.>
választó [választó atributov1] [választó atributov2] <свойство: значение;.>
Példa attribútumok társulva szelektorok CSS
Az eredmény a böngészőben
Megjegyezzük, hogy ebben a példában az első választó beállítja a keret minden tag csak . amelyek alt attribútummal. De a második választó meghatározza a hatálya stílusok nemcsak közönséges képeket, hanem az összes oldal elemek alt és cím attribútumok.
- Végezze el az abszolút linkek az oldalon megjelenítendő félkövér nélkül kiemelve. Ehhez meg kell tulajdonság font-weight és text-dekoráció.
- Hogy két relatív linkek és két abszolút, ami a keresők Yandex és a Google. Hagyja, hogy a linkeket vezető Yandex lesz vörös színű, a Google - a zöld, a másik - a kék. A színes tulajdon.