From 46672f32bbd1528de8ed07b2845c7a31b08714f6 Mon Sep 17 00:00:00 2001 From: fxy060608 Date: Tue, 12 Nov 2024 14:00:36 +0800 Subject: [PATCH] Update README.md --- docs/css/README.md | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/docs/css/README.md b/docs/css/README.md index 749f9c3e..d0988a11 100644 --- a/docs/css/README.md +++ b/docs/css/README.md @@ -229,15 +229,13 @@ app-uvue的css的“样式不继承”规则，虽然与web有差异，其实只 实际上web的样式优先级规则非常非常复杂，可参考[MDN文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity) -app中，设置样式只有内联样式即style属性和class属性这两种方式。它们只遵循1个简单规则：`内联样式(即style属性)优先级高于class` +app中，设置样式只有内联样式即style属性和class属性这两种方式。它们只遵循1个简单规则：`内联样式(即style属性)优先级高于class选择器、class选择器之间的优先级遵循web规范` -因为没有样式优先级冲突，`!important`这种提权方式在app中也没有必要。 +在web中，还存在`!important`例外规则，可参考[MDN文档](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity#!important_%E4%BE%8B%E5%A4%96%E8%A7%84%E5%88%99) -web中因为样式冲突而产生很多样式实际渲染无效，但也需要存在dom里，所以形成了dom属性样式和计算样式的区分。 +在app中，`!important`仅支持在class选择器中书写，style内联属性不支持。 -在app中没有这些区分，只有一套样式。 - -在app中，由于没有`!important`，后设的样式总是覆盖先设的样式。如果通过响应式变量绑定或DOM API操作时，要注意这一点。 +除了`!important`外，后设的样式总是覆盖先设的样式。如果通过响应式变量绑定或DOM API操作时，要注意这一点。 ## 样式作用范围 -- GitLab