Question

我正在使用SaaS程序，该程序还允许您输入带有一些html的自定义CSS文件。这意味着我无法从他们的代码中删除任何内容，只是对其进行覆盖。我已经在他们的代码中找到了element.style，但是我无法告诉它如何覆盖它，因为找不到与之配套的div或类。有问题的行是<div style="margin:5px; width:140px; height:20px; float:right;" align="right">。我想将width: 140px更改为200px

  <div class="boxcontent">
    <div style="width:100%; height:42px;">
      <div style="margin:5px; width:400px; height:30px; float:left;">
        <div class="dashboard_dropdown_btn" id="metric_drop_0">
          <div class="color_image">
            &nbsp;
          </div>

          <div class="text">
            <span id="metric_type_0">Ideas</span>
          </div>
        </div>

        <div class="dashboard_dropdown_btn" id="metric_drop_1" style=
        "display:none; margin-left:5px;">
          <div class="color_image">
            &nbsp;
          </div>

          <div class="text">
            <span id="metric_type_1">Ideas</span>
          </div>
        </div>

        <div class="dashboard_dropdown_btn" id="metric_drop_2" style=
        "display:none; margin-left:5px;">
          <div class="color_image">
            &nbsp;
          </div>

          <div class="text">
            <span id="metric_type_2">Ideas</span>
          </div>
        </div>

        <div class="dashboard_edit_div">
          <a href="javascript:void(0);" id="dashboard_edit_btn">Edit</a>
        </div>
      </div>

      <div style="margin:5px; width:140px; height:20px; float:right;" align="right">
        <div style="float:left; margin-right:5px; line-height:20px;">
          View by:
        </div>

        <div onclick="selectView('d');" class="select_icon" id="select_day" style=
        "float:left;" rel="on" title="Day"></div>

        <div onclick="selectView('w');" class="select_icon" id="select_week" style=
        "float:left;" title="Week"></div>

        <div onclick="selectView('m');" class="select_icon" id="select_month" style=
        "float:left;" title="Month"></div>
      </div>

Answer 1

.boxcontent>div>div:nth-child(2) {
  background-color: red;
  width: 200px !important;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="boxcontent">
  <div style="width:100%; height:42px;">
    <div style="margin:5px; width:400px; height:30px; float:left;">
      <div class="dashboard_dropdown_btn" id="metric_drop_0">
        <div class="color_image">
          &nbsp;
        </div>

        <div class="text">
          <span id="metric_type_0">Ideas</span>
        </div>
      </div>

      <div class="dashboard_dropdown_btn" id="metric_drop_1" style="display:none; margin-left:5px;">
        <div class="color_image">
          &nbsp;
        </div>

        <div class="text">
          <span id="metric_type_1">Ideas</span>
        </div>
      </div>

      <div class="dashboard_dropdown_btn" id="metric_drop_2" style="display:none; margin-left:5px;">
        <div class="color_image">
          &nbsp;
        </div>

        <div class="text">
          <span id="metric_type_2">Ideas</span>
        </div>
      </div>

      <div class="dashboard_edit_div">
        <a href="javascript:void(0);" id="dashboard_edit_btn">Edit</a>
      </div>
    </div>

    <div style="margin:5px; width:140px; height:20px; float:right;" align="right">
      <div style="float:left; margin-right:5px; line-height:20px;">
        View by:
      </div>

      <div onclick="selectView('d');" class="select_icon" id="select_day" style="float:left;" rel="on" title="Day"></div>

      <div onclick="selectView('w');" class="select_icon" id="select_week" style="float:left;" title="Week"></div>

      <div onclick="selectView('m');" class="select_icon" id="select_month" style="float:left;" title="Month"></div>
    </div>
  </div>
</div>

需要帮助来查找归因于哪个div element.style

1 个答案: