Jquery CSS优先于重要?
我有一个网站的前端,另一个程序员使用内联!某个地方的重要标记是很多php文件,所以我无法跟踪它来更改填充大小。我留下了前端自定义样式表来替换它!重要的。但是已经是了!重要的。如何改变它 原始HTML和CSS:Jquery CSS优先于重要?,jquery,html,css,css-selectors,Jquery,Html,Css,Css Selectors,我有一个网站的前端,另一个程序员使用内联!某个地方的重要标记是很多php文件,所以我无法跟踪它来更改填充大小。我留下了前端自定义样式表来替换它!重要的。但是已经是了!重要的。如何改变它 原始HTML和CSS: <ul class="the_champ_facebook_share" style="padding: 7.35px 0 !important;"> .... </ul> 您的css无效。请使用此选项: .the_champ_facebook_share {
<ul class="the_champ_facebook_share" style="padding: 7.35px 0 !important;"> .... </ul>
您的
css
无效。请使用此选项:
.the_champ_facebook_share {
padding: 0px !important;
}
。\u champ\u facebook\u分享{
填充:0!重要;
}
这并不能解决问题,因为内联样式更重要。您肯定需要将其从html
中删除
正如前面提到的,您将能够使用
javascript
动态更新样式。这绝对不是一个好的做法->真是太过分了。好的做法是在所有文件(使用基本IDE非常简单)中搜索单词the_champ\u facebook\u share
,然后删除此内联样式。看起来您写错了,CSS语法就是这样写的:
所以,
.冠军脸书分享{
填充:0!重要;
}
您可以使用jQuery
来实现它
然而,正如@Roko C.Buljan的评论,请使用!重要信息
不是一个好方法。所以您只需要内联样式,而不需要!重要信息
如下所示
输出
$(“.the_champ_facebook_share”).attr('style','padding:0px')代码>
- 123
在此ul中添加id,然后将样式放入其中。它可以覆盖你的!重要属性,因为id的优先级高于类
#新的"脸谱"冠军{
填充:7.35px 0!重要;
}
.冠军脸书分享{
填充:0!重要;
}
谢谢,我改了。但非零填充仍然具有优先性,我的不适合将来参考:只要您发现自己在使用!重要信息
这是一个明显的迹象,表明您很可能做错了什么。在ul中添加id并添加样式。这很简单。我认为这是正确的答案,但我也认为在这种情况下,您不需要!重要信息
,因为此设置取代了内联设置。是的,我刚刚更新了答案。请看一下@JohannesDO,不要发布代码、数据、错误消息等的图像-复制或在问题中键入文本@Rob你意识到答案中写的是代码,你所指的图像是一个屏幕截图,一个恰当的输出显示,本质上是图形化的?如果不是通过live devtools,您希望Phong如何显示填充已正确设置?写一个函数来输出(哪一个会传递文本)?这真的更具可读性吗(粘贴输出文本后,他们需要解释函数)?@Hashbrown右键单击元素。选择“复制”,这是一个小的打字错误,我们可以将问题作为一个问题关闭?不要发布代码、数据、错误消息等的图像-复制或在问题中键入文本。这是不正确的,因为ul
将内联样式与style=”“
一起使用。使用新样式向其添加id
,优先级不高。