美文网首页
CSS中的ID选择器和类选择器区别及用法

CSS中的ID选择器和类选择器区别及用法

作者: 糯米小馒头 | 来源:发表于2017-07-13 10:31 被阅读0次

一、

id 选择器是唯一的。
class 是可以重复的

二、

基于id 写的样式权重值很高。
important > id > class >标签选择器 (具体可以 google 搜索一下 css样式权重)
在一些复杂的页面构建的时候,不推荐使用id来写样式,
因为有的时候,根据需要,去覆盖通用样式。
这个时候如果你是用id 写的通用样式的权重就非常高,覆盖成本很高。

三、

其实class的诞生就是为了样式服务。
id 更倾向于方便为脚本服务。

相关文章

  • react 开发实战

    CSS:选择器用法:.类名 //类选择器 id名 //id 选择器 .类名 元素名 //后代选择器,包含子元素和子...

  • CSS 选择器

    CSS选择器的概念 标签选择器 类选择器 ID选择器 类选择器与ID选择器的区别 子代选择器 后代选择器 子选择器...

  • CSS笔记

    - CSS学习: 1 . 类选择器和id选择器的区别和使用,id选择器只能够用一次,类选择器可以用多次,使用方法是...

  • CSS

    CSS 选择器 类选择器 .class ID选择器 #idName 相同点可以应用于任何元素 区别 ID选择器为唯...

  • 常用选择器

    元素选择器 id选择器 id选择器的用法 类选择器 class用法 选择器分组(并集选择器) 并集选择器用法 通配...

  • CSS 选择器种类、权重和优先级

    主要内容: 常见的CSS选择器、选择器的优先级。 class 和 id 选择器 class 和 id 选择器的区别...

  • CSS样式的权重计算方式

    CSS样式6中基础选择器 id选择器:#id 类选择器:.class 属性选择器:a[href="http://w...

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • 类选择器 ID选择器 后代选择器 子元素选择器 交集选择器 并集

    一、类选择器.类选器名称{css样式代码;} 二、ID选择器。 ID选择器名称{css样式代码;} 三、后代选择器...

  • 4月学习div+css+JavaScript

    css 选择器 id 选择器 #adb{} id=adb 类选择器 .adc{} cl...

网友评论

      本文标题:CSS中的ID选择器和类选择器区别及用法

      本文链接:https://www.haomeiwen.com/subject/piqwhxtx.html