<!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>
css的派生选择器
最新推荐文章于 2022-10-24 08:06:32 发布