{:5_106:}
RE: 0 0 3 4 - CSS选择器优先级 | 全网最粗暴有效 [修改]
看看
666
学习
看看
{:10_257:}
看看这是挥洒
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css choices</title>
<style type="text/css">
h1{
color:red;
}
.happy{
color:blue;
}
p{
color:#F12222;
}
p:hover{
color:yellow;
}
</style>
</head>
<body>
<h1 id="Happy" class="happy">新春快乐~</h1>
<p>通用选择器*{..} < 标签选择器 h1{...} < 类选择器.black{...} < 伪类选择器a:hover{...} < ID选择器#title{...}</p>
</body>
</html>
作业作业~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
h1 {
color:#9b59b6;
}
.Happy {
color:#e67e22;
}
/* #FishC {
color:#27ae60;
} */
</style>
</head>
<body>
<h1 class="Happy" id="FishC">新春快乐~</h1>
<!-- id 选择器 > 类选择器 > 标签选择器-->
<strong>通用选择器*{..} < 标签选择器 h1{...} < 类选择器.black{...} < 伪类选择器a:hover{...} < ID选择器#title{...} </strong>
</body>
</html>
显示的是黄色
{:10_277:}
我爱小甲鱼
11111111111111111111
w xiangkan
1111111
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
h1{
color: red;
}
.Happy{
color: blue;
}
#FishC{
color:yellow;
}
</style>
</head>
<body>
<h1 class="Happy" id="FishC">新春快乐~</h1>
</body>
</html>
继续学习
yellow!!