在同一个 HTML 文档中，使用多次 class，但只能使用一次 id

最新推荐文章于 2022-10-19 11:58:19 发布
最新推荐文章于 2022-10-19 11:58:19 发布
阅读量1k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/weiqt/articles/1849851.html
版权

在同一个 HTML 文档中，使用多次 class，但只能使用一次 id。

如果一个文档中出现多个元素具有相同id属性值的情况，浏览器也可以解析网页，但是由于id的名称是唯一的会造成网页中的冲突。例如：指定位置的链接中如果两个元素使用了同一个id名称，浏览器将不知链接到何处，只能选择链接到第一个。又例如使用JavaScript控制网页中的一个元素，而此元素和其它元素具有相同的id名称，也会出现浏览器无法准确得知控制那个元素的问题，因此好的习惯是一个id选择符在同一个文档中最多使用一次

转载于:https://www.cnblogs.com/weiqt/articles/1849851.html

weixin_30745641
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML知识点汇总
weixin_45492475的博客
02-13 276
一、网页的基本组成 HTML：搭建结构，骨架，相当于一座房子的地基 CSS：样式，美化，相当于为房子装修 JavaScript(JS)：交互，动态效果，相当于房子内部的设备 二、HTML 他是一种超文本标记语言：网页文件本身是一种文本文件（除了文字暂无其他），只有通过特定的标记描述，那些普通文本才能在浏览器中正常的显示。在页面中如果遇到图片、音视频的时候如何正常在浏览器中显示，需要...
html知识点总结
qq_53092980的博客
06-13 201
1.标题 <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading
html类名允许重复吗
immense的博客
03-18 4557
类似问题：html类名允许多次使用吗class的作用：指定标签的类名。CSS操作，把一些特定样式放到一个class类中，需要此样式的标签，可以在添加此类。调用方式 ：在css里面 使用 “.类名” 来调用 ,而在html页面里则以class=”类名” 来选择调用* { /*页面所有元素都使用*/ border:0;
class和id
繁华是瑾的博客
05-11 307
最明显的特点就是在页面中class能够应用多次，而id只能够用一次； css： 优点：页面中很多重复的样式，比如点击按钮的样式或者div就可以只用一个class就可以了，而不必多次重复的血一样的； js应用： 获取class：document.getElementsByClassName("abc").item(0); 由于获取的是class，而规定中class是可以多次重复使用，在
html中类属性可以出现多少次,前端面试部分问题整理
weixin_39530509的博客
06-09 148
HTML说说你对语义化的理解1、去掉或者丢失样式的时候能够让页面呈现出清晰的结构2、有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；3、方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页；4、便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。...
多class应用同一个元素时前后声明的class规则将会怎样
09-25
当多class应用同一个元素时，后声明的class规则将覆盖先声明的，下面有个不错的示例，大家可以尝试操作下
HTML中当定义多个class属性时无效的解决方法
09-28
为class属性定义多个值，经常会发现定义的样式无效，经测试，在定义多个class值的时候，一定要注意，把自己最喜欢的样式放在后面，否则无效
jQuery使用addClass()方法给元素添加多个class样式
10-24
主要介绍了jQuery使用addClass()方法给元素添加多个class样式的方法,实例分析了addClass方法的使用技巧及添加多个样式的实现方法,需要的朋友可以参考下
jQuery得到多个值只能用取Class ,不能用取ID的方法
10-20
下面小编就为大家带来一篇jQuery得到多个值只能用取Class ,不能用取ID的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用classList来实现两个按钮样式的切换方法
08-28
下面小编就为大家分享一篇使用classList来实现两个按钮样式的切换方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
id属性可以在每个html文档中出现几次,CSS 使用id属性的规则
weixin_32442555的博客
06-03 1007
html中的id属性是什么？本篇文章给大家带来的内容是介绍html中的id属性，让大家了解id属性的使用方法，希望对大家有所帮助。html的id属性是什么？html的id属性其实就是一个HTML元素标签的标志，可以用来唯一表示该元素的标识符；它在 HTML 文档中必须是唯一的。例：这里的"demo"和"p1"都是id属性的值，分别用来表示了一个标签和标签；则，这两个值不能在其他标签的id属性中再次...
CSS3基础一篇完结（豪豪的备忘录）
haappaa的博客
10-19 1088
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. ​ 有时我们也会称之为 CSS样式表或级联样式表。​ CSS 是也是一种标记语言 ​ CSS 主要用于设置 HTML2.页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。3.CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮，让页面布局更简单。
html只能有一个id,并且id的值只能是一个
weixin_30514745的博客
07-04 449
1.如果有相同的ID，javascript只会取第一个具有该ID的标签。 2.如果id值有两个，JS只会取到第一个，并不会像class类一样，类名并列就可以同时取到。 转载于:https://www.cnblogs.com/Neilisme/p/7116336.html...
HTML中id选择器和class选择器的区别（为什么id选择器不能重复）
Dreamer0Action的博客
08-10 5939
HTML中id属性不能重复，class可以重复。
html重复属性,Html中id属性，两个元素可以相同么？
weixin_31108739的博客
06-04 453
MMMHUHU1234567num = 0;  num++;document.getElementById("id").innerHTML+="这是第"+num+"次加载";上面这段代码只能加载一次但是如过将需要反复调用的代码段放入一个方法中12345678num = 0;function test(){  ...
HTNL面试题专项
m0_52386161的博客
01-22 527
2021.01.22 1.对于下拉菜单，错误的是（A） <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> Dropdown <span class="caret"></span> </button> <ul class="d
html id选择器的使用方法,html元素如何确定使用id还是class选择器？（示例）
weixin_35462155的博客
06-03 5069
我们在建设网站的时候，必然要对网站内容进行样式设计。那么HTML元素中想要实现设置css样式，我们需要从何下手呢？这里我们就需要在HTML元素中设置id和class选择器。那有的新手朋友可能就会问，css class怎么用？div标签用id还是class呢？本篇文章就给大家介绍关于css类选择器id和class的用法和区别。希望通过对id和class通俗易懂点的描述对大家有所帮助。一、css类选择...
怎样创建一个 CSS 样式表，将其链接到 HTML 文档中。
最新发布
07-14
要创建一个 CSS 样式表并将其链接到 HTML 文档中，可以按照以下步骤进行操作： 1. 创建一个新的文本文件，并将其保存为 .css 文件。例如，可以命名为 `styles.css`。 2. 在该 CSS 文件中编写所需的样式规则。例如，可以设置元素的字体、颜色、大小、边框等属性。 例如，以下是一个简单的 CSS 样式规则示例： ```css body { font-family: Arial, sans-serif; background-color: #f2f2f2; } h1 { color: #333333; font-size: 24px; } .my-class { border: 1px solid #cccccc; padding: 10px; } ``` 3. 将 CSS 文件链接到 HTML 文档中。在 HTML 文档的 `<head>` 标签内，使用 `<link>` 元素来引用 CSS 文件。 在 `<link>` 元素中，使用 `rel` 属性指定样式表的关系类型为 `stylesheet`，使用 `href` 属性指定 CSS 文件的路径。 例如： ```html <head> <link rel="stylesheet" href="styles.css"> </head> ``` 这将把 `styles.css` 文件与当前的 HTML 文档关联起来。 4. 保存 HTML 文档，并在浏览器中打开该 HTML 文件。浏览器将加载 CSS 文件并应用其中的样式规则。 请注意，确保 CSS 文件和 HTML 文件在同一目录中，并且文件名和路径正确无误。这样，HTML 文档才能正确地链接到 CSS 样式表。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值