CSS规则集有什么用？

在本文中，我们将了解 CSS 规则集及其实现。 CSS 规则集是对文档的各个部分或元素的各种肯定。目标是将用于某些不同品质的一组属性应用于连接的 HTML 页面中的一个单独的或特定的组件排列。它提供了声明键值对属性的方法，该属性具有定义的结构，用于以适当的方式组织网页中的内容。例如，考虑以下示例：

.container {
    padding: 10 px;
}

这是为容器类应用值为 10px 的填充的基本 CSS 属性。为了理解这一点，我们将分解每个组件。

• 完整的声明是一个规则集。
• .container是一个选择器。选择器有 2 种类型，即用 hash(#) 表示的id选择器，用于应用具有唯一 id 的属性。第二个是用点（.）表示的类选择器，用于选择属于特定类属性的所有元素。
• 在 & 之间用冒号分隔的键/值对以分号结尾是一个声明。
• 键是属性名，值是属性值，在 CSS 中键和值默认不区分大小写。
• 声明大括号和属性的部分是声明块。

CSS 规则集用于应用一组属性，其中包含元素的一些定义值或 HTML 页面中使用的一组特定元素。请参阅什么是 CSS 规则集？文章了解更多详情。

让我们通过示例详细了解规则集。

示例 1：此示例以适当的方式说明了 CSS 规则集的使用。

HTML

  
    
  
  
  
    

      
GeeksforGeeks
      A Computer Science portal for Geeks
    
  

说明：我们已经为声明的 HTML 元素应用了所有必需的属性。我们使用了类选择器，它用于选择属于特定类属性的所有元素。

输出：

示例 2：在此示例中，我们使用了一个 id 选择器，用于应用具有唯一 id 的属性。

HTML

  
      
    
    
  
  
  
    
GeeksforGeeks
    
A Computer Science Portal for Geeks
  

输出：