html - 最后应用了哪一个?

标签 html css wysiwyg

最后应用了哪一个?

  • 来自外部文件的 CSS
  • 内联 CSS

我有 CSS 样式的赛车情况。我为某些元素提供了一些样式,但用户可以选择通过所见即所得编辑器编辑它们,并且出于持久性原因,我必须将所见即所得生成的那些内联 CSS 存储在数据库中。那么,当用户再次在浏览器中呈现文件时,最后将应用哪个 CSS?

最佳答案

假设相同的特异性且没有 !important规则那么<link>之间没有区别和 <style>元素。它们只是包含样式表的不同语法。

<link>          <!-- applied 1st --> 
<style></style> <!-- applied 2nd -->
<link>          <!-- applied 3rd -->

style 属性实际上具有无限的特异性,因此最后应用(!important 规则除外)。

另见 The Cascade

关于html - 最后应用了哪一个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10395653/

相关文章:

javascript - 如何在 Qualtrics 中使用自动移动受访者和具有多个分页符的 block 的全局计时器?

html - Bootstrap 崩溃 : Open one, 隐藏其他

content-management-system - TYPO3 无法启用 htmlArea RTE

javascript - 在 CKEditor 中删除新行时如何防止 block 样式传播到后续 block ?

java - Java中的所见即所得文本编辑器

javascript - 仅使用 JavaScript 选择随机 HTML 元素

javascript - 使用 Javascript 函数定义 html 类

html - 文本区域不可编辑/无法在文本区域中键入文本

jQuery/CSS - 导航链接侧边菜单

php - 如何使用 CSS 为第一个单词着色