Question

我负责通过果园的模板网站，无法访问CSS。如果非常简单，那么请原谅我。

该网站有许多由模板固定的容器，背景为白色。

如何只覆盖一个访问受限的容器的背景颜色，同时让其他容器保持白色？

我可以选择使用Javascript和HTML来覆盖CSS。

Answer 1

为标记添加样式有三种方法：

1-inline style

这意味着您可以在所需的每个标记上插入样式。例如：

＆＃13;

<h1 style="color:blue;">This is a Blue Heading</h1>

＆＃13;

<强> 2的Javascript

您可以使用javascript选择器并更改所需的每个标记的样式。例如：

＆＃13;

document.getElementById("test").style.color = "red";

＆＃13;

<h1 id="test">This is a Blue Heading</h1>

＆＃13;

3内部风格

您可以在<style></style>中插入head标记，并在那里定义规则。

对于这种情况，你说，你必须使用第二个选项。对您的样式也使用重要。

＆＃13;

var x = document.querySelectorAll(".zone");
x[0].setAttribute('style', 'background-color: red !important');

＆＃13;

<div class="fsi-main-wrapper">
  
  it is a test

  <div id="layout-before-main" class="group fsi-before-main fsi-before-main-home ">
    
    it is another test
  
    <div id="layout-before-main-inner" class="fsi-layout-before-main-inner fsi-layout-before-main-inner-home">
    
      and also this is a test
    
      <div class="zone zone-before-main">

        something here ...

      </div>
    </div>
  </div>
</div>

＆＃13;

在网站引导程序上更改容器的背景颜色

1 个答案: