瞭解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」選擇器

回答

相關問題