欢迎大家来到IT世界,在知识的湖畔探索吧!
1.组合选择器
2.包含选择器
3.交集选择器
4.伪类选择器 <link>定义为访问过的超链接 <visited>单机访问后的超链接的样式 <hover>鼠标悬停在超链接上的样式 <active>是鼠标单机但是此时还未释放的超链接压缩效果
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<title>组合选择器</title>
<style type=”text/css”>
<p>{
font-family: 微软雅黑;
color: red;
}
h3{
font-size: 1.25rem;
color: pink;
}
#content p{
}
</style>
</head>
<body>
<div id=”content”>
<p class=”red”>开始通过css来提高工作效率</p >
<h3>开始学习css!</h3>
</div>
<p>开始通过css来提高工作效率</p >
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<title>伪类选择器</title>
<style type=”text/css”>
a{
font-size: 36px;
font-family: 黑体;
}
a:link{
color: red;
}
a:visited{
color: blue;
}
a:hover{
color: black;
}
a:active{
color: green;
}
</style>
</head>
<body>
<a href=” “>超链接伪类选择器测试</a >
</body>
</html>
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/30093.html