是什么原因使用!在下面的风格中很重要

时间:2011-10-24 12:43:59

标签: html css

http://csscreator.com/node/29717我在google上找到了这些页面,以禁用垂直或水平滚动条。

 user used overflow-y: scroll ! important; overflow-x: hidden ! important;

它甚至以这种方式工作

overflow-y:scroll; overflow-x:hidden;

我想知道为什么他会在滚动或隐藏值之后选择这些('!important')。如果我不使用('!important')会有什么危害吗?还是没事?你能告诉我他为什么要用!滚动或隐藏后很重要。

5 个答案:

答案 0 :(得分:0)

!重要否决任何继承值,所以这很重要。

答案 1 :(得分:0)

!important使规则拥有最高优先级,因此无法通过其他规则覆盖

答案 2 :(得分:0)

!important是一个关键字。 它通常用于使用“浏览器怪癖”来使相同的html页面与最重要的浏览器兼容,以规避错误(最值得注意的是,使用Internet Explorer)。

http://en.wikipedia.org/wiki/CSS_filter#.21important_quirks

http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

http://www.electrictoolbox.com/using-important-css/

答案 3 :(得分:0)

在这种情况下,!important标志将覆盖浏览器的默认行为。

overflow-y: scroll !important;设置为自动显示禁用的垂直滚动条即使页面不是垂直非常长(例如404页面或带有折叠面板的FAQ页面),这被认为是一个很好的技巧。

当用户从较短的页面转到较长的页面或展开/折叠标签或部分时,

overflow-y: scroll !important;会阻止您的网页向左或向右移动。


但是,我认为overflow-x: hidden !important;是一种错误的练习,因为它可以防止水平长内容(不适合浏览器的视口)显示。

答案 4 :(得分:0)

好吧,他可能刚刚使用过!important

可以用这种方式解释!important的使用。

假设您的HTML文件中有2个样式表。

  1. base.css
  2. 的style.css
  3. 其中一个是基本样式表,另一个是您尝试进行更改的样式表。要覆盖base.css中任何已定义的属性,您需要以完全相同的方式编写选择器和类。

    为了解决所有问题,您可以使用!important

    覆盖这些属性

    我希望这能解决您的问题。