css中的class和id选择符到底有什么区别呀

小编 340

css中的class和id选择符有以下三个区别:1.作用区别;2.语法区别;3.使用次数区别;4.语义和使用不同。作用不同在于,class选择符用于定义这个DIV的样式,而id选择符用于识别这个DIV。

1.作用不同

在css中,class选择符用于定义这个DIV的样式,如同人们的衣服;而id选择符用于识别这个DIV,如同人们的身份证。

2.语法区别

class对应css是用样式选择符“.”(英文半角输入句号);id对应css是用样式选择符“#”(井号)。

3.使用次数区别

class可以在页面里面重复使用,id由于在页面里面只能出现一次,所以不能重复使用。因此,尽量用class来写,这样能在页面里面重复引用你写的css,减小工作量和代码量。

4.语义和使用不同

class作为一个样式,它可以应用到任何结构和内容上;id作为元素的标签,用于区分不同结构和内容。

在布局思路上,一般坚持这样的原则:id是先确定页面的结构和内容,然后再为它定义样式;而class相反先定义一类样式,然后在页面中根据需要把类样式应用到不同的元素和内容上面属。

延伸阅读

css的工作原理有哪些

css是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。css样式可以直接存储于HTML网页或者单独的样式单文件。

无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中,外部样式单保存在独立的文档中,网页通过一个特殊标签链接外部样式单。

名称css中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。

回复

我来回复
  • 暂无回复内容

注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部