了解CSS“section.positioned”选择器

-1

有人可以解释我在网页中发现的以下CSS代码，以及section.positioned影响哪个元素？了解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>

来源

2015-09-20 faisal abdulai

纠正我，如果我错了，但是从[这个小提琴（HTTPS做你的问题干：//的jsfiddle达网络/ dPixie/byB9d/3 /光/）？如果是这样，我创建了一个更新版本[在这里]（https://jsfiddle.net/byB9d/7442/），它应该使事情变得更清楚。 – SausageFingers

的section.positioned规则针对这样的一个元素：

<section class="positioned"> 

</section>

通过从空到 “定位的” 改变现有的HTML部分元素的类， section.positioned规则将应用于元素而不是section规则。

补充：

什么section.positioned真正的意思是它的目标具有名为“定位”一类的类型“一节”的元素。

进一步阅读有关CSS选择器：

来源

2015-09-20 15:45:38 LGSon

了解CSS“section.positioned”选择器

回答

相关问题