HTML设置CSS时class和id的用法与区别是什么?

初学者在接触CSS时候肯定会遇到这样的问题,class可以用来设置css,id也可以用来设置css,那么他们有什么区别呢?下面就给大家实际操作一下,就可以非常清楚的看到这两者的区别了。

操作方法

  • 01

    测试代码如下图,我们用span标签来测试,首先可以很明显的看到id和class在css中的调用方式不一样,id是用“#”来调用的;而class是用“.”来调用的。

  • 02

    运行之后,可以看到最终的结果是显示绿色字体。说明在css中,id的优先级要大于class和span

  • 03

    接下来我们继续验证,注释掉id,看看会有什么变化。

  • 04

    运行后发现字体颜色为红色,说明class优先级要大于span。

  • 05

    综上所知,在css中id的优先级是高于class的,如果同一个属性id和class都有定义,那么结果会以id为准。

  • 06

    除了优先级不同之外,id和class最大的区别还在于——同一项目内,id的值是唯一的,而class则可以相同。 例如下面的代码17行,id值重复而导致报错。

(0)

相关推荐

  • 在Word2010中设置"键入时自动套用格式"选项

    “键入时自动套用格式”功能可以帮助用户在Word2010文档中输入字符时自动替换成最合适的字符,或自动应用最合适的格式。用户可以通过设置“键入时自动套用格式”选项来启用或关闭相关选项,操作步骤如下所述 ...

  • YY语音如何设置添加好友时的"验证身份"

    YY语音设置添加好友时的“验证身份”方法:请点击个人YY头像—》个人设置—》在“好友设置”中可以选择不同的身份验证方式,包括“需要验证身份”、“拒绝任何人添加”、“积分达到XX才允许想我申请添加好友” ...

  • 酷狗音乐怎么设置关闭时可以直接退出程序

    使用酷狗音乐,会发现当我们想关闭酷狗时,每次点击主界面右上角关闭选项,都是主界面关闭了,而酷狗程序还在运行,需要手动的去关闭程序,其实这是非常的不方便,下面就让小编为大家分享下该如何设置,希望对大家有 ...

  • 如何设置开机时上网

    在启动电脑后,每次都需要双击"拨号连接",成功建立拨号连接才能上网.那么,如何设置开机时上网? 在路由器配置界面中,选择左侧窗口中的"网络参数",然后选择&qu ...

  • Win8/Win10双系统如何设置开机时只开启一个系统?

    我们电脑安装了Win8系统和Win10系统,即称为双系统.但电脑开机时会默认一个操作系统,如果默认的操作系统不是我们经常使用的操作系统,那么每次开机都需要选择,十分的麻烦.那么双系统怎么设置,开机开启 ...

  • win8双系统怎么设置开机时只开启一个系统?

    win8双系统怎么设置开机时只开启一个系统? 具体方法如下: 1.选择我的电脑,右键-属性,进入页面; 2.选择左上角的高级系统设置; 3.在"高级"下选择三个设置中的最后一个; ...

  • 百度音乐设置开机时自动启动的教程

    百度音乐怎么设置开机时自动启动?在百度音乐中,需要将其设置为自动启动.那么,在百度音乐中应该怎么设置呢?一起来了解下吧! 1.在计算机桌面的百度音乐图标双击鼠标左键,将其打开运行.如图所示: 2.在打 ...

  • 如何在福昕阅读器中设置打开时跳转到上次的阅读位置

    福昕阅读器是一款常用的阅读软件,有时看一个比较长的文件,看到一半关掉后,再打开就不知道之前看到哪儿了.下面给大家介绍在福昕阅读器中设置打开时跳转到上次的阅读位置的方法.具体如下:1.在电脑上下载安装福 ...

  • 如何在小米手机中设置拍照时自动为照片添加时间水印?

    相信很多小伙伴都有在使用小米手机,如果我们想要设置在拍照时自动为照片添加时间水印该怎么做呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 系统默认情况下拍摄的照片是没有时间水印的,如下图所示:2 ...