css的三种选择器

最新推荐文章于 2022-09-04 15:14:53 发布

xiaowuStyles

最新推荐文章于 2022-09-04 15:14:53 发布

阅读量1k

点赞数

分类专栏： html/css 文章标签： stylesheet utf-8 w3c

本文链接：https://blog.csdn.net/u011080770/article/details/25288317

版权

html/css 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="Demo.css"></link>
<!-- 
	css 三种基本选择器：
	1、标签名选择器：
		标签名｛
			css代码 
		｝
	2、class选择器
		.class属性值{
			css代码
		}
		*功能一：让相同的标签显示 不同的效果。
			二：让不同的标签显示出相同的效果。
		
	3、ID选择器
		#id属性值{
			css 代码 
		}
 -->
 <style type="text/css">
div{
  color: red;
}
.div_1{
 color: yellow;
}
#idNode{
color: blue;
}
 </style>
</head>
<body>
<div>div 标签</div>
<div class="div_1">div 标签</div>
<span id="idNode">span标签</span>
</body>
</html>