CSS的ID选择器应该在什么情况下使用

vvmain 2019-03-09 09:48:06

学习HTML+CSS有一段时间了，知道ID选择器是一个网页里的唯一性不能重复使用，网上也看到CSS的ID命名分类，LOGO、菜单、搜索、页尾之类的。但也有人说，主要给js操作DOM的，不然尽量不用。所以有点混乱，想请教各位，ID选择器到底什么情况下使用？平时HTML结构header、main、footer使用ID合理吗？

...全文

185 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2019-03-09

打赏
举报

回复

元素id是一个网页里的唯一性不能重复。只是针对用js中的document.getElementById()获取元素时相同的id只能获取到第一个。但用于css中重复的id也可以被选择，与class选择器没有区别。只不过大家都习惯对有唯一性的元素使用id来选择，不是唯一性的元素使用clas来选择，这样也与js的情况一致，不容易搞混。

讲解微信小程序中如何使用css选择器，哪些选择器支持哪些选择器不支持，讲解选择器分组,属性选择器,后代选择器,子元素和相邻兄弟选择器,伪类选择器,伪元素选择器,微信小程序中样式css选择器等

css 选择器 1. css 选择器的定义 css 选择器是用来选择标签的，选出来以后给标签加样式。 2. css 选择器的种类标签选择器 类选择器 层级选择器(后代选择器) id选择器组选择器 伪类选择器 3. 标签选择器 根据标签来选择标签，以标签开头，此种选择器影响范围大，一般用来做一些通用设置。示例代码 <style type="text/css"> p{ color: red; } </style> <

CSS选择器优先级（1）CSS选择器都有权重值，权重值越大优先级越高。内联样式表的权重值最高，值为1000。 id选择器的权重值为100。 class选择器的权值为10。类型（元素）选择器的优先级为1。通配符选择器的优先级为0。（2）当权值相等时，后定义的样式表要优于先定义的样式表。（3）在同一组属性设置中表有**“!important"**规则的优先级最大。后代选择器 CSS后代选择器指为某标签元素内的特定后代标签元素来定义其样式。在CSS后代选择器中，规则左边的选择器一端包含两个或多个

开发工具与关键技术： Visual Studio Code 作者：何金桥撰写时间：2022/4/28 共有五点 id 选择器可以标有特定id的HTML元素指定特定的样式。 id选择器以“#”来定义。下面的两个id选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：下面的HTML代码中，id属性为red的p元素显示为红色，而id属性为green的p元素显示为绿色：注意：id属性只能在每个HTML文档中出现一次。 3.id选择器和派生选择器 在现代布局中，.

CSS常用选择器 CSS选择器的作用是从HTML页面中找出特定的某类元素，而常用的CSS选择器有如下几类，一起来看看吧！一、通配符选择器 通配符选择器常用 ‘*’ 号表示，它是所有选择器里作用范围最广的，能匹配页面中所有的元素。基本语法格式：*{ 属性1：属性值1；属性2：属性值2；} 例子使用该选择器定义样式，清除所有HTML标记的默认边距。 *{ margin：0； /*定义...

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章