由于层叠样式表 (CSS),您访问的任何网站都会获得其样式。马来西亚电话号码列表 平原HTML页面以及CSS为前端开发人员提供根据需要和要求定制网站的选项。CSS 的强大部分之一是 CSS Cascade。它很强大,需要以正确的方式理解。 什么是 CSS 级联? 当网页中有很多元素时,您很自然会想到 CSS 属性的放置方式会发生冲突。CSS 属性最终会在它们需要出现在级联层次结构中的位置相互竞争。马来西亚电话号码列表 要解决此类冲突,您需要使用 CSS Cascade。 CSS Cascade 是浏览器解决冲突 CSS 声明的一种方式。
通过指定 CSS 规则,您可以指定 CSS 样式添加到级联层次结构的位置。马来西亚电话号码列表 声明的层次越低,它最终成为最终样式的可能性就越小。 4 个不同的层级 以下是 CSS Cascade 的 4 层,它们确定各种规则并处理 CSS 冲突。这些层将在后续部分中详细解释。 重要性 起源 特异性 位置 第一层——重要性 这基于规则的类型,并根据此因素决定级联顺序。有四种类型的规则。此顶层适用于确保流畅动画的元素和需要帮助的开发人员。 1. 过渡 涵盖所有涉及主动转换的规则,这些规则具有最高优先级。 2. !重要 仅当您需要覆盖第三方库中的某些样式时,才将其添加到声明中。马来西亚电话号码列表 这被添加到声明的末尾,并告诉浏览器将此 CSS 声明规则推到级联上。 3.动画 当您有任何活动动画规则时,它会在 CSS 级联中升级。
4. 正常 CSS Cascade 容纳了这个级别的大部分规则。 马来西亚电话号码列表 如果级联的一层中的两条规则之间存在联系,您可以继续移动到另一层,直到后续层中的一个出现明显差异。 第二层 - 起源 此层基于定义规则的位置。这在三个地方是可能的—— 1. 网站 在这里,作为 Web 开发人员,您可以对 CSS 样式进行一些控制。 2. 用户 这是由网络浏览器的用户设置和控制的。马来西亚电话号码列表 一般来说,人们不会添加一个,但如果这样CSS规则被添加到网站,这是为了添加可访问性和覆盖样式。