Pseudo-class :dir() của CSS

Định nghĩa và cách sử dụng

CSS :dir() Pseudo-class được sử dụng để khớp với bất kỳ phần tử nào có hướng văn bản đã chỉ định.

• :dir(rtl) Khớp với các phần tử có hướng văn bản từ phải sang trái
• :dir(ltr) Khớp với các phần tử có hướng văn bản từ trái sang phải

Lưu ý:Trong HTML, hướng văn bản được xác định thông qua dir Quy định thuộc tính.

Mô hình

Sử dụng pseudo-class :dir():

:dir(rtl) {
  background-color: lightgreen;
}

Thử ngay

Ngữ pháp CSS

:dir(ltr|rtl) {
  các quy định css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class.