CSS - 鎖定特定元素

Question

我有這樣的HTML：

<div class="B"> 
    blah 
    blah 
    blah 
</div> 

<section class="A"> 
    <div class="B"/> <!-- THIS --> 
    <div/> 
</section> 

我怎樣可以針對同款裏面的B級的股利，只有它？

Answer 1

你可以選擇像這樣

.A>.B{ 

} 

這被稱爲CSS元素>元素選擇

的語法如下

element > element { 
    css declarations; 
} 

你可以看到一個例子here ..

Answer 2

你應該寫：

section.A div.B { 
} 

如果你想要的目標只有一個元素考慮使用ID代替類。