CSS 选择器的作用

在本文中，我们将讨论 CSS 选择器在我们设计网页时的重要性。 CSS选择器在响应式网页中的作用非常重要。让我们一一讨论。

子选择器的作用：在子选择器中，任何元素的属性都是另一个元素的直接父元素。

句法：

if article > p 

它定义了段落元素是文章的直接子元素，然后 CSS 选择器属性将适用。

  

    

  

    
Child Selector
  
    

        
Subheading 1
  
        
        

            

                In this example, article is 
                not the direct child and 
                ARTICLE which is inside DIV,
                which is inside SECTION. In 
                CSS properties of child, 
                selector will not apply in 
                this section.
            
        
    
  
    
Subheading 2
    

        

            In this example ARTICLE as a 
            direct child of the SECTION 
            element. In CSS properties 
            of child, selector will directly 
            apply in this section.
        
  
        
    

  
       

上述代码的输出验证了子 CSS 选择器属性是否适用于部分元素。

输出：

后代选择器的作用：后代选择器的 CSS 选择器属性适用于每个级别或父元素。

句法：

section li

它定义了“li”是子元素，但在任何级别它也只考虑部分元素中的“li”元素并且属性将适用。

  

    

  

    
Decendant Selector
    

        Table of contents:
        

            
Article 1
            
Article 2
            
Article 3
        
    
    

        Shopping List:
        

            
Cookies
            
Cake
            
Pie
        
    

  

输出：