<分区>
谁能解释一下我在网页中找到的以下 css 代码以及 section.positioned
影响哪个元素?
section {
position: relative;
border: 1px solid #000;
padding-top: 37px;
background: #500;
}
section.positioned {
position: absolute;
top: 100px;
left: 100px;
width: 500px;
box-shadow: 0 0 15px #333;
}
部分网页代码
<section class="">
<div class="container">
......
</div>
</section>
最佳答案
section.positioned
规则以这样的元素为目标:
<section class="positioned">
</section>
通过将现有的 html section 元素的类从空更改为“定位”,section.positioned
规则将应用于该元素而不是 section
规则。
添加:
section.positioned
的真正含义是它以“section”类型的元素为目标,该元素有一个名为“positioned”的类。
关于 css 选择器的进一步阅读:
关于html - 了解 CSS "section.positioned"选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32681184/