是不好使用!重要在css属性 [英] Is it bad to use !important in css property
问题描述
不太了解css和纯粹的 Java / J2EE
开发人员,但一些如何在一些 css
我无法解决
Not know much about css and purely a Java/J2EE
developer but some how got strucked in some css
puzzle which i am unable to solve
我使用一个带有一些Jquery灯箱效果的表单,它有一个 div
id
和 class
i was using a form with some Jquery light box effect which has a div
with id
and class
<div id="contact-container"
class="myclass"
style="z-index: 1002; height: 386px; width: 450px; position: fixed; left: 406.5px; top: 15%; ">
在我的css文件中,我看到以下条目
in my css file i saw the following entry
#contact-container {
font: 16px/22px 'Trebuchet MS', Verdana, Arial;
text-align:left;
width:450px;
}
但是当此表单显示为jquery弹出窗口时, Mozilla,但在谷歌chrome和IE的盒子没有正确来到只有一些部分,并休息为滚动条。
but when this form was displayed as jquery pop-up it getting displayed properly in Mozilla but on Google chrome and IE the box was not coming properly like only some part of it and rest as a scroll bar.
当我看到它通过firebug时间:))它显示我像
when i saw it through firebug (used first time :)) it showing me something like
<div id="contact-container"
class="myclass"
style="position: fixed; z-index: 1002; height: 67px; width: 450px; left: 406.5px; top: 15%;">
并且对于相同的设置它没有正确的IE和Mozilla,所以后大量的Goggling我做更改为 css
and for same settings it was not coming properly for IE and Mozilla so after lots of Goggling i did following changes to css
#contact-container {
font: 16px/22px 'Trebuchet MS', Verdana, Arial;
text-align:left;
width:450px;
height:380px !important;
}
我固定高度 height:380px!important ;
虽然这固定了我的问题,但不知道CSS我不知道这是否正确的方法,
though this fixed my issue but being no idea about CSS i am not sure if this was the right approach as i searched about height but it was not defined anywhere.
请建议我是否采用错误的方法
Please suggest if i have adopted a wrong approach
推荐答案
!important
是一个有用的工具,但缺点是它是一种最后的工具。所以你不想过度使用它,因为你会导致头痛的任何人维护网站的道路。
!important
is a useful tool, but the drawback is that it's kind of a tool of last resort. So you don't want to over-use it as you'll end up causing headaches down the road for anyone that's maintaining the site.
但是,你的例子是一个典型使用。发生的是,JS正在注入内联样式属性。因此,这是超越的级联在你的CSS。 !important
可让您超越。
However, your example is a typical use. What is happening is that the JS is injecting inline style attributes on the fly. As such, that's over-riding the cascade in your CSS. !important
allows you to over-ride that.
这篇关于是不好使用!重要在css属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!