给讲解下CSS中的ID选择器

以上都是包含选择器,也就是选择器的嵌套,这是CSS代码优化的写法,这样写可不需要为ID为#nav_son的标签内的UL标签内的LI标签内的A标签单独定义CLASS或是ID,你看CSS代码不就少了许多。nav_son ul li a{……} 可以这样理解:包含在ID为#nav_son内,包含在UL标签内,包含在LI标签内的A元素的...
给讲解下CSS中的ID选择器
以上都是包含选择器,也就是选择器的嵌套,这是CSS代码优化的写法,这样写可不需要为ID为#nav_son的标签内的UL标签内的LI标签内的A标签单独定义CLASS或是ID,你看CSS代码不就少了许多。
#nav_son ul li a{……}
可以这样理解:包含在ID为#nav_son内,包含在UL标签内,包含在LI标签内的A元素的样式。
#nav_son ul li a:hover{……}
同上,这是鼠标移上去的样式,background:url(images/dropTagred02.jpg) 54px 12px no-repeat;表示背景为dropTagred02.jpg,从距左54像素,距上12像素的位置作为背景,no-repeat;表示背景不重复。2011-06-17
“#”符号是ID选择器
#nav_son ul li a:hover
表示选取的ID为nav_son元素里的 ul内 的li内的 a 的hover
图示如下
<div id="nav_son">
<ul>
<li>
<a href="#">选取的就是这个A元素的hover</a>
</li>
<ul>
</div>

多数情况下,不建议通过定义元素的ID来实现元素样式的编写。
ID为唯一的。而当你有一个元素的样式在本HTML页面很多地方都可以用到的时候,这时你无法给每个元素定义同样的ID。。建议使用CLASS2011-06-17
mengvlog 阅读 9 次 更新于 2025-07-20 11:06:08 我来答关注问题0
  •  翡希信息咨询 css中.号、#号、*号都是什么意思,通俗易懂系统讲解

    CSS中的点号、井号和星号分别代表类选择器、ID选择器和通配符。点号 类选择器:用于选择具有特定类名的HTML元素。类名可以在多个元素之间共享,实现样式的复用。例如,.bluetext 可以应用于多个段落,使它们的文本颜色变为蓝色。井号 ID选择器:用于选择具有特定ID的HTML元素,ID在页面上应该是唯一的。...

  •  阿暄生活 CSS的id选择器和class选择器

    1. 定义与用法 id选择器:通过HTML元素的id属性来选择元素。id属性在页面中应该是唯一的,即每个元素的id值都是独一无二的。在CSS中,id选择器以#符号开头,后跟id值。class选择器:通过HTML元素的class属性来选择元素。class属性可以应用于多个元素,即同一个class值可以被多个元素共享。在CSS中,clas...

  • 在CSS(层叠样式表)中,ID与Class是两种关键选择器,对于样式精准控制及复用至关重要。探索它们的差异与应用,成为开发者必备技能。首先,ID选择器以“#”开头,后接元素的唯一ID。每个HTML元素的ID确保独特性,ID选择器特异性高,精准定位单元素。如:通过#uniqueElement,仅针对id为"uniqueElement"的di...

  • 1. 点号(.):类选择器在CSS中,点号用于选择类名,如`.blue-text`。类选择器是通过类名标识HTML元素,可以为多个元素共享样式,比如为多个段落添加蓝色文本。类名规则灵活,便于样式管理。2. 井号(#):ID选择器ID选择器,如`#runoob`,对应页面上独一无二的元素,如ID为"jinghao"的div。它用...

  •  翡希信息咨询 CSS 类选择器和ID选择器

    CSS 类选择器和ID选择器的区别如下:类选择器:用途:用于描述一组标签的样式,可以应用于多个标签。语法:选择器前必须加点,类选择器名称自定义,使用时只需类名,不需点。HTML中引用:在HTML标签的class属性后直接使用类名。优点:同一页面中,多个HTML标签可以共享同一类样式。ID选择器:用途:用于...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部