5.CSS基础_选择器2

最新推荐文章于 2023-01-18 09:00:00 发布

VIP文章橘九。

最新推荐文章于 2023-01-18 09:00:00 发布

阅读量246

点赞数

分类专栏： CSS基础

本文链接：https://blog.csdn.net/qq_34400745/article/details/102607890

版权

1. 属性选择器:

通过元素的属性进行选择；
选择带name属性的li标签；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>属性选择器</title>
		
		<style type="text/css">
	
			li[name]{
    
				color: aqua;
				}		
			
		</style>
	</head>
	<body>
		<ul class="title">
			<li name="name01" id="id01">111</li>
			<li id="id02">2222</li>
			<li>3333</li>
			<li>4444</li>
			<li>55555</li>
		</ul>
		
	</body>
</html>

2. 层级选择器：

主要应用于选择父元素下的子元素，或者子元素下的子元素，可与标签元素结合，减少命名，同时通过层级，防止命名冲突；

<!DOCTYPE html>
<html>
	<head>
		<meta charse

最低0.47元/天解锁文章

优惠劵

橘九。

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
5.CSS基础_选择器2

1. 属性选择器:通过元素的属性进行选择；选择带name属性的li标签；<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>属性选择器</title> <style type="text/css"> li[nam...
复制链接

扫一扫