CSS优先使用Class,少用ID选择器

2021/08/31 23:30

CSS 设计中有“ id 选择器”和“类选择器”,但我现在很少使用 id,能不用id就尽量不用id。即便是命名比较规范,因为id用多了自己也分不清楚东南西北。

更具体的说不使用id选择器有三个原因,

  • 第一,id的通用性比较低,只能针对某一个元素。
  • 第二, id不能被class覆盖,一旦使用了id,你就要在id下修改。
  • 第三,id和class混用让代码变得很复杂。

CSS 基本上按以下优先级顺序应用。

1.!important

2.inline

3.id

4.class

5.element(元素)

6.universal

所以我的结论是优先使用class,能不用id就尽量不用id,使用class可以提高代码的通用性,让后期维护变得更简单。

 

声明:未经允许不得进行商业转载,非商业转载请注明出处和链接。

发表回复

Related Posts
  1. MindjetManager使用心得

    Mindjet Manager是一款非常好用的思维导图软件,尤其是它的界面与Office非常相似,很容易上手。 一般来说,Mindjet Manager最常用到的两种形式就是树状图和流程图。 【阅读全文】

  2. 微信可以显示IP所在城市吗?

    想必大家都在新闻上看到互联网平台要显示用户IP归属地了,那么IP归属地会具体到什么程度呢? 以微信为例,其实IP归属地只具体到所在省份。 下面两张图片是我今天下午(2022年5月22日)截【阅读全文】

  3. 微信分身,第二个微信无法获取位置信息

    微信分身非常方便,一个手机可以同时登录两个微信号。 但是分身出来的微信,往往很多功能会出问题,例如无法获取微信信息。 如果大家在分身后的微信遇到各种问题,直接到主微信去登录就可以了。分身微【阅读全文】

  4. Mindjet MindManager支持导出转换SVG

    非常遗憾!MindManager现在还不支持svg格式的导出与转换。 如果你将文件导出为html格式的话,你可以查看一下 Html文件的代码思维导图就是svg格式的。 [caption i【阅读全文】

  5. 网页资源 多媒体资源和网站资源

    由于知识发现是一门受到来自各种不同领域的研究者关注的交叉性学科,因此导致了很多不同的术语名称。除了 KDD外,主要还有如下若干种称法:“数据挖掘”(data mining),“知识抽取”(inf【阅读全文】

Back to top