使用代码 (GroovePages) 从 CSS 中删除 Div 样式

Question

我想使用 css 删除网页底部的徽章。我不知道如何指定要隐藏的 div 样式，因为它没有“class”标签。

请帮帮我

如您所见，我想删除 <div style="...">:

中标识的粘性底部页脚

Answer 1

如果div不包含class或唯一id，那么也可以通过css中的style属性指定一些样式规则来隐藏。像这样：

div[style^="position: fixed; bottom: 0; height: 45px;"]

^ 标志将允许您在 div 中不指定所有样式，仅指定一些样式。

只需将此规则添加到您的 css。

div[style^="position: fixed; bottom: 0; height: 45px;"] {
    display: none;
}

<div style="position: fixed; bottom: 0; height: 45px; background-color: black;">It shouldn't be seen</div>
<div class="anyClass">1</div>
<div class="anyClass">2</div>
<div class="anyClass">3</div>
<div class="anyClass">4</div>
<div class="anyClass">5</div>

但是您可以更精确地使用伪 class :not().

指定一个具有空 class 属性的选择器

div:not([class])[style^="position: fixed; bottom: 0; height: 45px;"]

div:not([class])[style^="position: fixed; bottom: 0; height: 45px;"] {
    display: none;
}

<div style="position: fixed; bottom: 0; height: 45px; background-color: black;">It shouldn't be seen</div>
<div class="anyClass">1</div>
<div class="anyClass">2</div>
<div class="anyClass">3</div>
<div class="anyClass">4</div>
<div class="anyClass">5</div>

使用代码 (GroovePages) 从 CSS 中删除 Div 样式

Remove Div Style from CSS using code (GroovePages)

html

css

styling