给讲解下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 阅读 32 次 更新于 2025-09-08 08:54:46 我来答关注问题0
  •  翡希信息咨询 CSS中的ID与Class:选择器与样式的奥秘

    在这个例子中,ID选择器#uniqueElement能够确保只有id为"uniqueElement"的div元素会被应用这些样式。这种精准定位的能力使得ID选择器非常适合用于设置页面中唯一元素的样式。二、Class选择器 与ID选择器不同,Class选择器以“.”开头,后面紧跟元素的class属性值。Class选择器的一大优势在于它可以被...

  •  翡希信息咨询 css中.号、#号、*号都是什么意思,通俗易懂系统讲解

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

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

  • 以上都是包含选择器,也就是选择器的嵌套,这是CSS代码优化的写法,这样写可不需要为ID为#nav_son的标签内的UL标签内的LI标签内的A标签单独定义CLASS或是ID,你看CSS代码不就少了许多。nav_son ul li a{……} 可以这样理解:包含在ID为#nav_son内,包含在UL标签内,包含在LI标签内的A元素的样...

  •  文暄生活科普 CSS 类选择器和ID选择器

    类选择器优点在于,同一页面中多个HTML标签可共享同一类样式。ID选择器与类选择器类似,但命名规则不同。使用#定义ID选择器,如设置背景颜色为粉色,通过id属性引用ID选择器。HTML中引用时,ID选择器名称前不带井号。总结:HTML元素设置CSS样式时,通过选择器实现。标签选择器使用受限时,可采用类选择器或...

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

CSS相关话题

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