股利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; 
}