发布日期：2021-06-29 17:21:19 浏览次数：2 分类：技术文章

本文共 2680 字，大约阅读时间需要 8 分钟。

CSS 元素选择器

step4/index.html

  
     
     
     元素选择器  
   
      
    
         
     精选
    
     时事
    
     财政
    
     思想
    
     生活
  
    
  
    
         
     
            
      精选
      
      精选新闻1
      
      精选新闻2
      
      精选新闻3
    
     
    
     
            
      时事
      
      时事新闻1
      
      时事新闻2
      
      时事新闻3
    
     
    
     
            
      财政
      
      财政新闻1
      
      财政新闻2
      
      财政新闻3
    
     
    
     
            
      思想
      
      思想新闻1
      
      思想新闻2
      
      思想新闻3
    
     
    
     
            
      生活
      
      生活新闻1
      
      生活新闻2
      
      生活新闻3
    
     
  
    
  
    
     Copyright (c) News Copyright Holder All Rights Reserved.

step4/sample_1.html

例子

标题1

标题2

普通段落中删除的引用。

step4/combine.html

元素选择器

组合选择器

组合选择器，可以将样式同时运用于多个元素。

CSS 类选择器

step5/index.html

  
     
     
     类选择器  
   
      
    
         
     精选
    
     时事
    
     财政
    
     思想
    
     生活
  
    
  
      
    
       
               
     
            
      精选
      
      精选新闻1
      
      精选新闻2
      
      精选新闻3
    
     
    
     
            
      时事
      
      时事新闻1
      
      时事新闻2
      
      时事新闻3
    
     
    
     
            
      财政
      
      财政新闻1
      
      财政新闻2
      
      财政新闻3
    
     
    
     
            
      思想
      
      思想新闻1
      
      思想新闻2
      
      思想新闻3
    
     
    
     
            
      生活
      
      生活新闻1
      
      生活新闻2
      
      生活新闻3
    
     
  
    
    
    
     Copyright (c) News Copyright Holder All Rights Reserved.

step5/sample_1.html

  
     类选择器  
   
      
    
         
     地震自救指南
    
     大的晃动时间约为1分钟左右。这时首先应顾及的是您自己与家人的人身安全。首先，在重心较低、且结实牢固的桌子下面躲避，并紧紧抓牢桌子腿。在没有桌子等可供藏身的场合，无论如何，也要用坐垫等物保护好头部。

CSS id选择器

step6/index.html

  
     
     
     ID选择器  
   
      
      
    
       
         
     精选
    
     时事
    
     财政
    
     思想
    
     生活
  
    
  
    
         
     
            
      精选
      
      精选新闻1
      
      精选新闻2
      
      精选新闻3
    
     
    
     
            
      时事
      
      时事新闻1
      
      时事新闻2
      
      时事新闻3
    
     
    
     
            
      财政
      
      财政新闻1
      
      财政新闻2
      
      财政新闻3
    
     
    
     
            
      思想
      
      思想新闻1
      
      思想新闻2
      
      思想新闻3
    
     
    
     
            
      生活
      
      生活新闻1
      
      生活新闻2
      
      生活新闻3
    
     
  
    
  
    
     Copyright (c) News Copyright Holder All Rights Reserved.

step6/sample_1.html

类选择器

温馨提示

少一串脚印，多一份绿意。

转载地址：https://blog.csdn.net/m0_37908260/article/details/113894511 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：JavaScript 学习手册二：JS 数据类型

下一篇：Caused by: com.google.gson.stream.MalformedJsonException: Expected name at line 1 column 2 path $.

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！