:dir()Псеудо-класе у ЦСС омогућава елементе биће изабрана на основу правца језика, као што је одређено у ХТМЛ ознаке. Заиста постоје само два смера која језик може да тече у документу, а то су слева надесно и здесна налево. Замислите ово као начин за обликовање елемената који се разликују по различитој језичкој усмерености.
.item:dir(rtl) ( background: red; color: #fff; )Псеудо-класа прихвата само једну вредност и вратиће нулу ако је унето више од једне вредности.
Погледајте псеудо-селектор Пен: дир, Геофф Грахам (@геоффграхам) на ЦодеПен-у.
:dir(rtl) вс. (dir=rtl)
Такође можемо одабрати елемент на основу његовог језичког правца тако што ћемо помоћу селектора упита за подударање:
.item(dir=rtl) ( background: red; color: #fff; )То заиста функционише, али се разликује од :dir(rtl)тога што бира елемент само оним што је строго дефинисано у ХТМЛ маркирању. На другој страни :dir(rtl)ће проњушкати језичке преференције корисничког агента и одабрати елемент без изричитог навођења у ХТМЛ-у.
Ово је велика ствар јер ће елементи који не наводе експлицитно језички правац наследити dirатрибут свог најближег претка који га садржи. То може довести до сценарија у којем коришћење (dir=rtl)бира додатне елементе него што намеравате.
Подршка прегледача
Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.
Десктоп
| Хром | Фирефок | ИЕ | Ивица | Сафари |
|---|---|---|---|---|
| Не | 17 * | Не | Не | Не |
Мобиле / Таблет
| Андроид Цхроме | Андроид Фирефок | Андроид | иОС Сафари |
|---|---|---|---|
| Не | 85 | Не | Не |
Више информација
- Спецификације нивоа 4
- Цхромиум Иссуе # 576815
- Грешка ВебКит-а # 64861
- Мозилла документација
- Захтев за функцију Мицрософт Едге
- Статус платформе Цхромиум
- ПостЦСС
:dir()полифил