背景:学习前端知识,自己做页面
目的:学习前端知识
组网图:不涉及
工具:vscode1.41.0
简介:css伪类选择器;
css伪类选择器,是在CSS选择器中添加关键字,指定匹配元素的特殊状态.
css-hover伪类选择器:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>love</title>
<style>
a {
color: black;
text-decoration: none;
}
a:hover {
color: yellow;
text-decoration: none;
}
</style>
</head>
<body>
<a href="#">love</a>
</body>
</html>
鼠标选题边黄色
css层级选择器,是在标签嵌套结构中通过某个标签查找另一个标签方式
css层级选择器中子级选择器:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>love</title>
<style>
#d1 {
width: 100px;
height: 50px;
background-color: yellow;
}
#d1>#d2 {
width: 50px;
height: 30px;
border: 1px solid black;
}
</style>
</head>
<body>
<div id="d1">
<div id="d2">love</div>
</div>
</body>
</html>