css的派生选择器

最新推荐文章于 2023-04-21 23:35:24 发布

xiaowuStyles

最新推荐文章于 2023-04-21 23:35:24 发布

阅读量829

点赞数

分类专栏： html/css 文章标签：鼠标 utf-8 html 扩展标签

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

版权

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="span.css"></link> -->
<style type="text/css">

div p{
	color:red;
	font-size:20px;
}

div,p{
	color:green;
	font-size:30px;
}
/* p{
	color:green;
} */

a:LINK {
	text-decoration:none;
	color:green; 
}
a:HOVER {
	text-decoration: underline;
}
a:ACTIVE {
	color:blue;
	text-decoration:none;
}
a:VISITED {
	text-decoration:none;
	color:green; 
}
</style>

</head>
<!-- 
	css 扩展选择器
	1、派生选择器
		父标签  子标签{
			css,, 
		}
		
	2、组合标签：
		选择器1,选择器2{
			...
		}
		
	3、伪元素选择器
		a:link 超联接的默认样式
		a:hover	鼠标移动到元素上面的时候的显示样式
		a:active 鼠标按下与抬起之间的显示样式
		a:visited 点击以后的显示样式
	
 -->
<body>
<div >div<p>我是一段文件</p>标签</div>
<div >div 标签</div>
<span >span标签</span>
<span >span标签</span>

<p>我是一段文件</p>

<a href="01-div标签.html">点我啊</a>

</body>
</html>

xiaowuStyles

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css的派生选择器

Insert title here -->div p{ color:red; font-size:20px;}div,p{ color:green; font-size:30px;}/* p{ color:green;} */a:LINK { text-decoration:none; color:green; }a:HOVER { text-decor
复制链接

扫一扫