如何使用CSS

-1

<style type="text/css"> 
.list .name{ 
    font-weight:bold; 
    color:red; 
} 
.items .name{ 
    clear:both; 
} 
</style> 

<div class="list"> 
    <div class="name">Products</div> 
    <div class="items"> 
     <div class="name">Product Name</div> 
    </div> 
</div>

在上面的代碼中，類「.LIST。名稱」打破顏色。「名稱」爲粗體，顏色爲紅色。而「.items .name」沒有粗體和顏色。如何使用CSS

我需要的是，我不需要溢出「.list .name」顏色，並且粗體地添加到類「.items .name」。我想打破「.items」開頭的第一堂課

我需要在div中使用「name」。

來源

2011-08-08 user475464

你的意思是你想的'.items .name'大膽和紅？不會用CSS中的'.name'來代替'.list .name'呢？你也可能在尋找''''分隔符 - '.foo .bar'匹配任何後代元素，帶有類'bar'，祖先的類爲'foo'。但是，'.foo> .bar'只能匹配具有'foo'類的父類'bar'的子元素。您可能正在尋找第一個CSS選擇器中的'.list> .name'。 –

你真的想用'clear：both'來移除'font-weight：bold'和'color：red'嗎？ – thirtydot

clear: both與刪除早期樣式無關。只需使用你改變所有的屬性繼承值：

.list .name { 
    font-weight: bold; 
    color: red; 
} 
.list .items .name{ 
    font-weight: inherit; 
    color: inherit; 
}

來源

2011-08-08 15:15:41 Eric

我認爲OP_doesn't_不想將顏色/粗體應用於'.items .name'我認爲是@Federico提到的，OP可能正在尋找'>'分隔符 – PhD

難道這不會讓第二個「名稱「div從」項目「繼承，這是不是設置？ – Gary

@Nupul：我的代碼_不會將顏色/粗體應用於'.items .name' – Eric

.list > .name { 

font-weight:bold; 
    color:red; 

}

應該做的伎倆

來源

2011-08-08 15:15:57 PhD

回答

相關問題