CSS——9.ID选择器

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		
		
		
		<style type="text/css">
			#one{
				color: red;
			}
			#two{
				font-size: 30px;
			}
		</style>
		
	
	
	
	</head>
	<body>
		<!--ID选择器:-->
			<!--1.id属性是标准属性,任何标签元素都可以有id属性。-->
			<!--2.使用id选择器时,要在id值前加上"#"-->
			<!--3.ID选择器只能选中一个元素(因为id属性是页面中唯一的标识,所以同一页面id要保持唯一性),同一个页面要保证id的唯一性。不同元素有相同id,也属于非法-->
			<!--4.定义id时,必须要以字母开头,可以包含数字,下划线等符号-->
			<!--5.定义id时,不要与标签名相同,如<p id=p></p>就是错的,不要与标签名相同-->
			
		
			<!--  ul>li{我要自学网$}*6   (快捷方式) -->
			<ul>
				<li id="one">我爱学习1</li>
				<li id="two">我爱学习2</li>
				<li>我爱学习3</li>
				<li>我爱学习4</li>
				<li>我爱学习5</li>
				<li>我爱学习6</li>
			</ul>
		
	</body>
</html>

因为id属性是页面中唯一的标识,所以同一页面id要保持唯一性,举个例子:在同一个页面不论是什么标签,如出现 id=a则其他标签的 id就不可能为a

相关推荐
刘天远1 小时前
Agent成本核算实现:事件表、状态分布与Python归集
前端·数据库·人工智能·python
欣欣之王来了1 小时前
开发环境准备:Node.js、npm、VS Code安装配置
前端·学习·架构·项目·vue3教程
xiaolinudao1232 小时前
将多个 Excel 表格中的数据合并到单个表中|6 种实现方案全解析
java·前端·excel
LRL_2 小时前
跨平台 Node 模块安装指南:如何利用 pnpm/npm 配置`supportedArchitectures` 锁定平台依赖
前端·npm·node.js
EatFan2 小时前
React 项目踩坑实录:useEffect 闭包陷阱、Context 性能陷阱与 React 18 升级避坑排查手册
前端·javascript·react.js·react·react hooks·useeffect·闭包陷阱
风骏时光牛马3 小时前
企业业务运营信息数据库
前端
IT_陈寒4 小时前
Vue的数组更新把我坑惨了
前端·人工智能·后端
于航4 小时前
分层上下文压缩,幻觉检测,错误累积概要
前端
数据掘金4 小时前
鸿蒙统计的权限弹窗怎么适配?
前端
数据掘金4 小时前
鸿蒙统计的多设备协同数据怎么打通?
前端