本文通过实例讲解了CSS中不同选择器的应用方法，包括超链接的状态样式、ID与类选择器的区别及使用场景，以及如何对特定元素应用样式。通过这些实例，读者可以更好地理解并掌握CSS样式的实际应用。
<style>
a:hover{color:red;} <!--只有超链接有这个 ：而且a表示超链接，如果这换成别的名字，是不好用的。-->
a:link{color:green;}
a:visited{color:purple;}
</style>
<a href="http://www.baidu.com4">百度<!--此链接为绿色，鼠标悬浮时为红色，访问过为黄色--></a>
----------------------------------------------------------------------<style>
#name{color:blue;}
.middle{color:orange;}
</style>
<div id="name">#形式定义的，用id引用，只能用一次或者是就这一处用这个</div>
<div class="middle">这是class的用法</div>
----------------------------------------------------------------------</br>
html{display:none} <!--什么也不显示了-->
<style>
body{font-size:20pt;}不带点的这是标签，用的时候以标签来用， <body> </body>
ss{font-size:30pt;color:red;} <!--这是不可以的--></style>
</br>
----------------------------------------------------------------------
<style>
.s div{font-size:30pt;} <!--只对s里的div起作用 -->
.s a{color:red;} <!--只对s里的链接起作用 -->
.s .b{color:gray;} <!--这就是s下的子class,在s下正常用就行-->
</style>
<div class="s">
<div>只对s里的div起作用</div>
<div class="b">s下的子class</div>
<a href="http://www.baidu.com">百度</a>
</div>
----------------------------------------------------------------------
a:hover{color:red;} <!--只有超链接有这个 ：而且a表示超链接，如果这换成别的名字，是不好用的。-->
a:link{color:green;}
a:visited{color:purple;}
</style>
<a href="http://www.baidu.com4">百度<!--此链接为绿色，鼠标悬浮时为红色，访问过为黄色--></a>
----------------------------------------------------------------------<style>
#name{color:blue;}
.middle{color:orange;}
</style>
<div id="name">#形式定义的，用id引用，只能用一次或者是就这一处用这个</div>
<div class="middle">这是class的用法</div>
----------------------------------------------------------------------</br>
html{display:none} <!--什么也不显示了-->
<style>
body{font-size:20pt;}不带点的这是标签，用的时候以标签来用， <body> </body>
ss{font-size:30pt;color:red;} <!--这是不可以的--></style>
</br>
----------------------------------------------------------------------
<style>
.s div{font-size:30pt;} <!--只对s里的div起作用 -->
.s a{color:red;} <!--只对s里的链接起作用 -->
.s .b{color:gray;} <!--这就是s下的子class,在s下正常用就行-->
</style>
<div class="s">
<div>只对s里的div起作用</div>
<div class="b">s下的子class</div>
<a href="http://www.baidu.com">百度</a>
</div>
----------------------------------------------------------------------
扫一扫
1560
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
