CSS之常用选择器（元素、id、类、通配选择器）

最新推荐文章于 2024-05-14 21:13:06 发布

不动声色的小蜗牛

最新推荐文章于 2024-05-14 21:13:06 发布

阅读量548

点赞数

分类专栏： CSS 文章标签： css css3

本文链接：https://blog.csdn.net/weixin_45720626/article/details/107333274

版权

CSS 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
			/*
				1、元素选择器
					作用：根据标签名来选中指定的元素
					语法：标签名{}
					例子：p{}  h1{}  div{}
			
			*/
			/*p{
				color: red;
			}*/
			
			/*
			 
			 2、id选择器(id不可重复)
			 	作用：根据元素的id属性值选中一个元素
			 	语法：#id属性值{}
			 	例子：#p3{} 
			 
			 */
			
			#p3{
				color: red;
			}
			
			
			/*
			 class 是一个标签的属性，它和id类似，不同的是class可以重复使用
			 		可以通过class属性来为元素分组
			 		可以同时为一个元素指定多个class属性
			 		
			 		
				3、类选择器
					作用：根据元素的class属性值选中一组元素
					语法：.class属性值
					例子：.bule{}
					
			 */
			.blue{
				color: blue;
			}
			
			/*
				4、通配选择器
					作用：选中页面中的所有元素
					语法：*
			 */
			*{
				color: bisque;
			}
			
		</style>
		
	</head>
	<body>
		
		<h1>醉时歌</h1>
		<p class="blue">诸公衮衮登台省，广文先生官独冷。</p>
		<p class="blue">甲第纷纷厌梁肉，广文先生饭不足。</p>
		<p id="p3">先生有道出羲皇，先生有才过屈宋。</p>
		<p>德尊一代常坎坷，名垂万古知何用！</p>
		
		
	</body>
</html>

不动声色的小蜗牛

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS之常用选择器（元素、id、类、通配选择器）

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> /* 1、元素选择器作用：根据标签名来选中指定的元素语法：标签名{} 例子：p{} h1{} div{} */ /*p{ color: red; }*/ .
复制链接

扫一扫