css中 有什么用,在CSS中使用“！重要”意味着什么？

我认为重要的是，在2014年底工作草案增加更多规则时，我们必须再次讨论这一点，不对用户施加限制是非常重要的。我用这个小例子来解释发生这种事情的可能情况。这是从一个真实的网站上我访问过，我看到它，可悲的是，往往没有。

表单文本编辑器字段

你有一个网站，你的网站取决于填写表格和编辑文本。为了尽量减少眼睛疲劳，你试着使用你认为每个人都能接受的风格，因为你的用户主要在晚上访问，所以你决定把你的背景色变成白色，然后让文字变成黑色。默认情况下，表单是空白的，因此您可以输入文本(这次)以确保其工作：...background-color: black; /* I forgot important here, but it works fine on its own */color: white !important;...

几个月后用户抱怨说，白对黑的眼睛太劳累，但另一半喜欢它，你做什么？您添加了一个使用！的自定义主题，它可以覆盖内部样式，这样双方都会高兴，这就是它应该用于的：...background-color: white !important;   color: black !important;...

现在，这里发生了什么？你还指望什么。如果您正确地记住了第一组中的！重要标记，您就会注意到它不起作用，并且可能还记得您需要删除！重要标记。但你忘了一个.。

对，你在白色背景上得到白色文本，如果用户尝试使用这种新样式(假设你保留了它)，那么用户就根本无法阅读您的网页。

当然，您没有意识到这一点，因为文本框是空的。你认为它会起作用的！(假设是开发人员最大的敌人，它就在上面骄傲和傲慢)。

制定并遵循自我隐含的规则

因此，基本规则应该是只使用！重要的是，当设计覆盖到原始完全一组CSS规则。记住，它是为异常而设的，它首先扰乱了CSS的自然秩序和意义。在大多数情况下，您根本不需要使用它。

了解用户如何定制自己的颜色

随着诸如扩展等工具的存在，以及诸如‘usersties.org’这样的站点的存在，以及它的时尚对应，您就会冒着使用！重要标签而疏远用户的风险！记住，时尚不会凌驾于他们之上。

永远不要限制你的访客

如果您使用！在样式上很重要，请确保用户能够关闭该样式(我的意思不是通过Web浏览器的内部“打开/关闭”开关)。看在上帝的份上别让它默认。

广告

人们越来越少使用时尚的广告删除，所以我不认为保护广告！重要的是这里的一个问题。它只会惹恼试图定制您的网站的人。