Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery CSS优先于重要?_Jquery_Html_Css_Css Selectors - Fatal编程技术网

Jquery 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 {

我有一个网站的前端,另一个程序员使用内联!某个地方的重要标记是很多php文件,所以我无法跟踪它来更改填充大小。我留下了前端自定义样式表来替换它!重要的。但是已经是了!重要的。如何改变它

原始HTML和CSS:

<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
    ,优先级不高。