css-五种选择器

最新推荐文章于 2023-09-20 08:48:52 发布

weixin_30387799

最新推荐文章于 2023-09-20 08:48:52 发布

阅读量60

点赞数

原文链接：http://www.cnblogs.com/almost-mujin/p/5819841.html

版权

<!DOCTYPE html>
<html>
  <head>
    <title>03-css选择器.html</title>
    <meta name="content-type" content="text/html; charset=gbk">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    
    <!-- 
        标签选择器：
                标签名{
                }
                
        id选择器：
                #idname{
                }
                注意：一个id的值只能出现一次。
                
        class选择器：
                .classname{
                }
                注意：class表示一个类，可以出现多次。
                
        伪类选择器：
                选择标签的某种状态，需要配合其他选择器一起使用。
                l：未访问过
                v：访问过
                h：悬浮
                a：激活，点击
        
        组合选择器：
            #one,.two,a{
            }
            统一设置样式
                
     -->
    <style type="text/css">
    
        p{
            color:yello;
            }
            
        #one{
            color:red;
            }
        
        .two{
            color:blue;
            }
            
        a:link{
            color:red;
            }
        a:visited{
            color:black;
            }
        a:hover{
            color:pink;
            }    
        a:active{
            color:yellow;
            }
        
        
    </style>
    
  </head>
  
  <body>
   <p>This is my HTML page. </p><br>
    <p id="one"> This is my HTML page. </p>  <br>
    <p class="two"> This is my HTML page. </p>  <br>
    <a href="E:/mycode/day01-html/CSS/01-结合方式.html"  target="_blank">来吧</a>
    
  </body>
</html>

1、共有五种选择器。

2、合理使用各种选择器。

3、关于伪类选择器，要根据各个标签的特性选择合适的属性。

转载于:https://www.cnblogs.com/almost-mujin/p/5819841.html

weixin_30387799

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css-五种选择器

<!DOCTYPE html><html> <head> <title>03-css选择器.html</title> <meta name="content-type" content="text/html; charset=gbk"> <!--<l...
复制链接

扫一扫