:dir()Pseudo-klase u CSS omogućava elementi biti odabrani na temelju smjeru jezika, kao što je određeno u HTML oznaka. Zapravo postoje samo dva smjera koja jezik može teći u dokumentu, a to su slijeva udesno i zdesna ulijevo. Shvatite to kao način oblikovanja elemenata koji se razlikuju po različitoj usmjerenosti jezika.
.item:dir(rtl) ( background: red; color: #fff; )Pseudo-klasa prihvaća samo jednu vrijednost i vratit će nulu ako je uneseno više od jedne vrijednosti.
Pogledajte pseudo-selektor Pen: dir, Geoff Graham (@geoffgraham) na CodePenu.
:dir(rtl) nasuprot (dir=rtl)
Također možemo odabrati element na temelju njegovog jezičnog smjera izradom pomoću selektora upita za podudaranje:
.item(dir=rtl) ( background: red; color: #fff; )To doista djeluje, ali se razlikuje od :dir(rtl)toga što odabire element samo onim što je strogo definirano u HTML oznakama. S druge strane, :dir(rtl)njuškat će jezične postavke korisničkog agenta i odabrati element bez izričitog navođenja u HTML-u.
To je velika stvar jer će elementi koji ne navode izričito jezični smjer naslijediti diratribut svog najbližeg pretka koji ga sadrži. To može dovesti do scenarija u kojem korištenje (dir=rtl)odabire dodatne elemente nego što namjeravate.
Podrška preglednika
Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.
Radna površina
| Krom | Firefox | IE | Rub | Safari |
|---|---|---|---|---|
| Ne | 17 * | Ne | Ne | Ne |
Mobitel / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Ne | 85 | Ne | Ne |
Više informacija
- Specifikacije nivoa 4
- Izdanje kroma # 576815
- WebKit Bug # 64861
- Mozilla dokumentacija
- Zahtjev za značajku Microsoft Edge
- Status platforme Chromium
- PostCSS
:dir()polifil