📜  什么是 CSS 规则集?

📅  最后修改于: 2022-05-13 01:56:52.657000             🧑  作者: Mango

什么是 CSS 规则集?

CSS 规则集是对文档的各个部分或元素的各种确认。目标是将用于某些不同品质的一组属性应用于连接的 HTML 页面中的一个单独的或特定的组件排列。

CSS 规则集的可视化:

CSS 规则集

这 ”。”开头表示创建的规则将是一个类,“container”也表示选择器的名称。同样,“first-child”表示伪类,大括号内的元素是声明块的元素,其中包含一些CSS属性及其对应的值。当在主 HTML 页面上调用选择器名称时,将应用 CSS 规则集。

CSS 规则集是 CSS 样式表的主要构建块。

示例 1:以下代码演示了 CSS 规则集在各种 HTML 元素上的应用。类名用于给出属性及其对应的值。 :first-child 选择器用于选择作为 HTML “p” 元素下面实现的第一个子元素的元素。

HTML


  

    Rulesets in CSS
    

  

    
        

Welcome To Largest Computer Science portal

           

GeeksforGeeks

        

CSS Rulesets

           

GeeksforGeeks

       


HTML


  
    Rulesets in CSS
    
  
  
  
    
       This website is for geeks       

GeeksforGeeks

      

        A CSS ruleset is applying various
        affirmations to various pieces of the document.       

    
  


输出 :

示例 2:以下代码还为各种 HTML 元素应用了一些不同的 CSS 规则集。

HTML



  
    Rulesets in CSS
    
  
  
  
    
       This website is for geeks       

GeeksforGeeks

      

        A CSS ruleset is applying various
        affirmations to various pieces of the document.       

    
  

输出:

CSS 规则集