html css中的“[dir]”是啥意思[重复]
Posted
技术标签:
【中文标题】html css中的“[dir]”是啥意思[重复]【英文标题】：what is the meaning of "[dir]" with html css [duplicate]html css中的“[dir]”是什么意思[重复] 【发布时间】：2020-12-15 22:23:52 【问题描述】： 请解释一下以下css中“[dir]”的含义：[dir] .layoutContainer
background: #fff;
box-shadow: 0 1px 0 rgba(57,76,96,.15);
padding: 8px;
谢谢！
【问题讨论】：
html 是什么样的？看起来它正在尝试选择一个.layoutContainer 元素，该元素是具有 dir 属性的元素的子元素，但没有上下文，这是一个猜测。
我觉得根本没有任何意义
【参考方案1】：
这只是一个属性。看看这个 sn-p：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<style type="text/css">
[dir]
background-color: red;
[dir] .layoutContainer
background-color: yellow;
</style>
</head>
<body>
<div dir='aa'>A<span class='layoutContainer'>B</span>C</div>
<div dir='aa'>A</div>
<div dir='aa'>A</div>
<br>
<b dir='bb'>Bo<span class='layoutContainer'>l</span>d</b>
<br>
<h1 dir>He<span class='layoutContainer'>ad</span>ing</h1>
<h2>He<span class='layoutContainer'>ad</span>ing 2</h2>
</body>
</html>在 CSS 内部，使用[dir]，我们选择所有具有dir 属性的元素，无论该属性是否具有任何值或是否独立。
在您的代码中，[dir] .layoutContainer 选择类 layoutContainer 的所有元素，它们是包含 dir 属性的所有元素的子元素。
【讨论】：
以上是关于html css中的“[dir]”是啥意思[重复]的主要内容，如果未能解决你的问题，请参考以下文章