CSS class 和id有啥区别?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS class 和id有啥区别?相关的知识,希望对你有一定的参考价值。

1、可标识元素数量:

id只可用于标识一个元素,而class可用于标识多个元素。

2、元素可添加数量:

每个元素只能有一个id,而可以在同一元素上使用多个class。

3、选择器上的区别:

在CSS中,class选择器是一个以点(“.”)开头的名称,而ID选择器是一个以哈希字符

(“#”)开头的名称。

使用class选择器的示例代码:

<style type="text/css">.footerbackground:red;</style> 

<div class="footer">footer</div>

使用id选择器的示例代码:

id: <style type="text/css">#footerbackground:red;</style>

<div id="footer">footer</div>

参考技术A

1、使用范围不同:

CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。ID属性的操作类似于CLASS属性,ID属性的值在整篇文档中必须是唯一的。

2、表示方法不同:

CLASS类选择器以标志符(句点)开头,用于指示后面是哪种类型的选择器。对于类选择器,之所以选择句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语,标志符表示“带有类名的元素”。ID选择器的标志符是散列符号(#)。标志符用来提醒浏览器接下来出现的是ID值。

3、用途不同:

可以使用CLASS属性来分类元素。ID属性用来标记文档中唯一元素。

扩展资料:

相关使用规则:

在命名id和class类的时候注意大小写,ID和class是对大小写非常敏感的,可以是单纯的英文字母,也可是字母与数字结合,以英文字母开头,中间可以含有半角减号和下划线,不能用中文和特殊字符命名CSS类名。

在CSS 2.1规范中,识别符(包括选择符中的元素名、类、ID)只能包含A~Z、a~z、0~9等字符,加上连字符“-”、下划线“_”。

识别符不能以数字开头,以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。同时,其他元素名称、类和ID标识符也不允许用连字符开头。

参考资料来源:百度百科-CSS (层叠样式表)

参考技术B 在样式表定义一个样式的时候,可以定义id也可以定义class。

1、在CSS文件里书写时,ID加前缀"#";CLASS用"."

2、id一个页面只可以使用一次;class可以多次引用。

3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;class是一个样式,可以套在任何结构和内容上,就象一件衣服;

4、从概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用javascript通过id来控制div时就会出现错误。本回答被提问者采纳
参考技术C class能重复调用,ID只能调用一次 参考技术D 1楼 说的很清楚了

id 是 一对一的
class是 一对多的

`public class` 和 just `class` 有啥区别?

【中文标题】`public class` 和 just `class` 有啥区别?【英文标题】:what is the difference between `public class` and just `class`?`public class` 和 just `class` 有什么区别? 【发布时间】:2013-05-27 19:14:56 【问题描述】:

我注意到,如果不在课前写public,它的工作方式与public class 相同。我不明白为什么会这样?当我没有将类声明为publicprivateprotected 时,它应该会显示错误。但它工作正常。是什么原因?

【问题讨论】:

This will provide you an adequate answer. 你可以参考这个链接,提供相同的知识:***.com/questions/614818/… 【参考方案1】:

我注意到,如果不在课程之前写 public,它的工作方式与公共课程一样。

不,它没有。除非它是公共的,否则该类对于不在同一个包中的其他代码是不可见的。默认的可访问性(不能明确指定)是类(或其他成员)仅对同一包中的其他代码可见。

您应该阅读Java Language Specification section 6.6 和Java Tutorial (Controlling Access to Members of a Class) 了解更多详情。

【讨论】:

【参考方案2】:

publicprotectedprivate 是访问修饰符。公共表示该主题可以被任何类访问,受子类保护,被类本身私有,没有修饰符意味着“包保护”,因此主题可以被同一个包中的类访问。

Subject 是类、方法、成员变量。

【讨论】:

如果主题是“***”类,则不能声明为privateprotected 这意味着私有类只能完全独立运行,对吧?【参考方案3】:

类默认为package private(如here 所述),因此其行为方式不同。你只是认为这是因为你没有尝试从不同的包中使用你的类。

【讨论】:

【参考方案4】:

每个 .java 源文件必须只有一个公共类,并且文件名必须与该公共类匹配。

之前在 SO 上提出了类似的问题。请找here

【讨论】:

【参考方案5】:

它的工作原理相同,只是因为您可能只使用同一个包中的一个文件。

如果您有多个包裹,那么您就有问题了。类名前没有“public”的类不能在另一个包中创建。你不能使用它的构造函数。您只是无法在创建类的包之外访问它。

【讨论】:

【参考方案6】:

类的声明只有两个关键字:

public .示例:公开课 Student//... 私有包(默认)。示例:class Note//...。仅在他的包中可见。

只有在类中声明成员时,才能使用 private 和 protected。 示例:

public class Student
protected Note note;

【讨论】:

【参考方案7】:

如果您不提供访问修饰符,则默认情况下是包私有访问。该类在包外不可访问。理想情况下,JLS 应该包含一个用于包访问的关键字,以避免混淆和意外后果。

类似的,

default class Student

【讨论】:

【参考方案8】:

普通类和公共类的工作方式不同。没有访问修饰符(例如 public)的类会自动设置为默认访问权限。(不,您不能显式将默认设置为访问权限)。如果您在包内创建默认访问类,则无法在该包外访问该类,但即使在该包外也可以访问公共类

【讨论】:

【参考方案9】:

未使用任何访问修饰符声明的类在运行时自动声明为 DEFAULT 有了这些,类就可以访问同一个包 但不是任何其他包

【讨论】:

虽然答案不正确,但它不会为此处发布的其他答案增加任何价值。

以上是关于CSS class 和id有啥区别?的主要内容,如果未能解决你的问题,请参考以下文章

html中,id,name,class之间的有啥区别?

CSS 的 ID 和 Class 有啥区别?如何正确使用它们

CSS 的 ID 和 Class 有啥区别?如何正确使用它们

CSS 的 ID 和 Class 有啥区别?如何正确使用它们

id 和 class 有啥区别?

一个网站 css没有用id都是class这样有啥不好吗 正确的规则是啥样的呢