股利ID

Question

內的樣式一個div類我有了以下的div元素的頁面：

<div id="name" class="class_name"> 

以下哪我應該使用的風格之類的？

#name .class_name 
name .class_name 
#name class_name 

Answer 1

只是#name就足以樣式僅適用於特定的元素：

#name { 
    // your styles here 
} 

如果你想在風格適用於使用class_name類的所有元素，那麼你可以使用：

.class_name { 
    // your styles here 
} 

Answer 2

如果我收到了你的問題的權利，你使用

#name .class_name 

在

#name .class_name { 
    color:#000; 
} 

但實際上，你並不需要這麼做。 如果#name和.class_name是在該div中使用的，則可以刪除.class_name。否則，如果您使用.class_name的多個東西不具有與div #name相同的屬性，則應該將它們分開。

.class_name { 
    color:#000; 
} 
#name { 
    width:600px; 
} 

Answer 3

ID應該是唯一的，所以在設計div的id和class_name時沒有太多意義。

只要使用ID的ID是好的，如果這是你的目標。

#name 
{ 
    //styles 
} 

如果你想樣式每一個具有類名的div，那麼就使用

.class_name 
{ 
    //styles 
} 

Answer 4

你可以閱讀CSS選擇在這裏：

http://reference.sitepoint.com/css/selectorref

在CSS你可以參考它的類：

.class_name { color: green; } 

或通過使用ID #ID

#name { color: green; } 

或元件類型

//或由上述

div.class_name { color: green; } 
div#name { color: green; } 

Answer 5

的組合如果已經有＃NAME和。CLASS_NAME風格，但由於某種原因，你想樣式

<div id="name" class="class_name"></div> 

（即一個特定的風格與「名」和A類的「CLASS_NAME」的ID的元素），你可以使用

#name.class_name { 
/* note the absence of space between the id and class selector */ 
    ... 
} 

記住

熊，這個選擇不是由Internet Explorer 6中

Answer 6

＃NAME .class_name將適用於你的DIV與.class_name類的子元素的支持。

之間不能有空格。

您應該使用：#name.class_name，因爲它是正確的語法。

但是，使用標識符時，它應該足以單獨使用它。但是，假設您有一個獨特的塊，它繼承了一些通用的樣式，那麼您可以使用＃idenifier.class來混合樣式。

#comments { 
    width: 453px; 
} 

#comments.links 
{ 
    border: 0 none; 
}