📜  CSS |语法和选择器

📅  最后修改于: 2021-09-01 02:28:49             🧑  作者: Mango

CSS 语法: CSS 样式规则由选择器、属性及其值组成。选择器指向要应用 CSS 样式的 HTML 元素。 CSS 属性用分号分隔。

句法:

selector {
    // CSS Property
}

例子:



      

      
    
    

  

    

GeeksforGeeks

                       

输出:

CSS 选择器: CSS 选择器用于根据元素名称、id、属性等选择 HTML 元素,它可以同时选择一个或多个元素。

  • 元素选择器: CSS 中的元素选择器用于选择需要设置样式的 HTML 元素。在选择器声明中,有 HTML 元素的名称,将应用于该元素的 CSS 属性写在方括号 {} 内。

    句法:

    element_name {
        // CSS Property
    }
    

    例子:

    
    
          
    
          
        
        
    
      
    
        

    GeeksforGeeks

                           

    输出:

  • id 选择器: #id 选择器用于设置给定 id 的样式。 id 属性是 HTML 文档中的唯一标识符。 id 选择器与 #字符。

    句法:

    #id_name { 
        // CSS Property
    }
    

    例子:

    
    
          
    
          
        
        
    
      
    
        
            GeeksforGeeks                             

    输出:

  • 类选择器: .class 选择器用于选择属于特定类属性的所有元素。要选择具有特定类的元素,请使用 (.)字符并指定类名。类名主要用于将 CSS 属性设置为给定的类。

    句法:

    .class_name {
        // CSS Property
    }
    

    例子:

    
    
          
    
          
        
        
    
      
    
        
            GeeksforGeeks                             

    输出: