语法
:dir() {
css declarations
}
:dir() 选择器的例子：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
div:dir(ltr) {
background-color: #1c87c9;
}
div:dir(rtl) {
background-color: #8ebf42;
}
</style>
</head>
<body>
<h2>:dir() selector example</h2>
<div dir="rtl">
<span>example1</span>
<div dir="ltr">
example2
<div dir="auto"> ففي </div>
</div>
</div>
</body>
</html>
要查看效果，请使用 Firefox，因为此伪类仅适用于 Mozilla Firefox。
:dir() 伪类匹配基于其中包含的文本方向的元素。
:dir() 不基于样式状态进行选择，这就是为什么需要在文档中指定元素的方向性的原因。
在 HTML5 中，可以使用 dir 属性指定元素的方向。
:dir() 选择器可以有“ltr”或者“rtl”值。
伪类 :dir(ltr) 显示具有从左到右方向性的元素。
伪类 :dir(rtl) 显示具有从右到左方向性的元素。
其他值并非无效但不对应任何内容。
:dir(rtl) 与 [dir=rtl]
:dir(rtl) 和 [dir=rtl] 之间有区别。
[dir=rtl] 它仅根据 HTML 标记中严格定义的内容选择元素时才有效。
:dir(rtl) 选择元素而无需在 HTML 中明确说明。
未明确说明语言方向的元素继承其最近祖先的 dir 属性，该属性包含一个。
在这些情况下，[dir=rtl] 选择添加元素。
日期：2020-06-02 22:14:28 来源：oir作者：oir