2012-05-08 22 views
0

我读过一篇文章,建议我们只应使用我们标记中的类,并且仅当我们需要从javascript引用它时才使用id(因为它更容易将函数附加到id)我应该只使用CSS类型的类吗?

此刻当我有多个需要相似风格的元素时,我只使用类。然而,文章(我觉得我读 - 但有没有参考)指出,我们应该在整个

使用类我这样做:

<header id="banner"></header> 

凡作为建议是:

<header class="banner"></header> 

(即使该横幅仅用于每页一次)

这是新的“良好做法”吗?

感谢

+4

即使您完全不使用JavaScript,使用ID选择器也没有问题,只要您适当地使用它们并且不要复制它们即可。 – animuson

回答

2

据我知道你是正确的,那么当您需要的款式多种元素和ID,当你只是一个造型独特的元素使用类。

1

我认为你可能偶然发现了一篇关于object oriented css的文章。基本的想法是,你应该将这种风格想象成一种通过类与你的标记相关联的抽象。我认为这是一种保持组织安排的好技术,但是,与所有技术一样,这不是一个通用的硬性规则。只要最有意义,我将链接样式与标识与标识进行链接没有问题。

这是“有意义”,这是一个真正棘手的事情来定义。

0

基本上你应该使用ID独特的元素,这意味着如果你想保持在页面上的元素,将不会出现在网页上,然后两次,你应该使用ID和样式的一组元素以相同的风格或保留一些元素在同一组中,您应该使用

但请记住,你也可以使用类单个a元素,但你永远不能使用ID在页面上的多个元素。

例如,getElementById$('#idOfElement') (using jQuery)返回单个元素,但是getElementsByClassName$('.idOfElement') (using jQuery)返回匹配元素的数组。因此,如果页面上有多个元素使用相同的ID,那么您将只会得到具有该ID的第一个元素,因此对于多个元素,请勿使用ID

1

ID属性,定义和用法

id属性指定用于HTML元素(值必须是在HTML文档中是唯一的)的唯一ID。

id属性最常用于指向样式表中的样式,并且通过JavaScript(通过HTML DOM)来操作具有特定id的元素。

了解更多关于它here!

类属性,定义和用法

的类属性指定的元素的一个或多个类名。

class属性主要用于指向样式表中的类。但是,它也可以被JavaScript(通过HTML DOM)用来更改具有指定类的HTML元素。

了解更多关于它here!

所以,你可以使用任何标识的你的类的,只要知道这个类可以在整个你的网页的其他元素再利用,ID必须永远是独特的风格。

的原因告诉类的都利用应用CSS是因为你可以有泛型类的名称,并通过您的网页使用的话,很多,从而简化和缩短时间花费编码:)

最好的属性

简单的例子:

HTML

<div id="theUniqueID"> 
    Hello! 
</div> 
<div id="theUniqueIDTwo"> 
    Hello Again! 
</div> 

CSS

#theUniqueID { 
    font-size: 15px; 
    text-align: right; 
} 
#theUniqueIDTwo { 
    font-size: 15px; 
    text-align: right; 
} 

可降低到:

#theUniqueID, #theUniqueIDTwo { 
    font-size: 15px; 
    text-align: right; 
} 

,并且可以跨文件被一般使用这样的:

.format_01 { 
    font-size: 15px; 
    text-align: right; 
} 

有那么HTML这样的:

<div class="format_01"> 
    Hello! 
</div> 
<div class="format_01"> 
    Hello Again! 
</div> 
<div class="format_01"> 
    Hello Again and Again! 
</div> 

PS: 很抱歉的矫枉过正的答案,但是这允许其他人用更少的知识学习为好。

相关问题