如何解决html css“ [dir]”是什么意思
请在以下CSS中向我解释“ [dir]”的含义:
[dir] .layoutContainer {
background: #fff;
box-shadow: 0 1px 0 rgba(57,76,96,.15);
padding: 8px;
}
谢谢!
解决方法
这只是一个属性。查看此代码段:
<!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
属性的所有那些元素的子元素。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。