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代替类。