推荐阅读
相关文章
网站建设您当前位置: 主页 > 网络学院 > 网站建设

为什么网页中ID属性用得越来越少?

发布日期:2020-08-13 来源:优橙 浏览量:
摘要: 对于CSS,id和类属于选择器。 二者主要的区别在哪里呢? id是唯一的,类是通用的。 id是唯一的,所以尝试在结构之外使用它,通常用于页面布局。 类是可重复的,所以尝试在结构内部

对于CSS,id和类属于选择器。


二者主要的区别在哪里呢?


id是唯一的,类是通用的。


id是唯一的,所以尝试在结构之外使用它,通常用于页面布局。


类是可重复的,所以尝试在结构内部使用它,通常用于样式定义。


id具有比类更高的样式优先级。


id是首先找到结构/内容,然后为其定义样式;类首先定义一种样式,然后将其应用于多个结构/内容。


为什么id应用少,class应用多?


样式的一次性标识,需要程序和js的动态控制。id在页面上只能使用一次!尽可能少使用id,因为id可能与嵌入式程序冲突。作为一个独立的属性,一个元素可以有多个类样式,一个类也可以用于多个元素,这样样式可以被细分和分解。类属性可以同时在jquery和js中使用。


什么时候使用ID,什么时候使用class?


一般来说,css只在类中编写,并且具有特殊的类类属和私有模块名称。id是唯一的,优先级太高。它只用作js操作dom的钩子。如果使用jq或zepto,操作的类名通常不进行样式化,并且该部分的类名和id由js决定。这更适合需要长期迭代的大型多人维护项目。css的类名与js操作的id和类名完全分离,因此产品的ui或产品交互逻辑的变化不会相互影响,易于维护。


福州优橙互联网,是一家专门从事福州网站建设的网站制作公司,为客户提供小程序制作,促进福州网络的全网推广和精准拓客。欢迎访问http://www.g303.com


全国统一客服热线

13809509600

周一至周五 9:00-22:30

法定节假日 9:00-23:00

微信公众号