0
点赞
收藏
分享

微信扫一扫

CSS基本选择器(元素选择器、类选择器、id选择器)

pipu 2022-01-15 阅读 103
csscss3html

一、元素选择器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			h1{
			color:chartreuse;
			}
		</style>
	</head>
	<body>
		<h1>我是一个标题</h1>
	</body>
</html>

二、类选择器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.mycls{
				color: aqua;
			}
		</style>
		
	</head>
	<body>
		<h1 class="mycls">我是一个标题</h1>
	</body>
</html>

三、id选择器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#myid{
				color: honeydew;
			}
		</style>
		
	</head>
	<body>
		<h1 id="myid">我是一个标题</h1>
	</body>
</html>

四、优先级别:

id选择器>class选择器>元素选择器:

举报

相关推荐

0 条评论