Javascript 如何仅将CSS文件应用于特定的div

嗨，我遇到了一个非常大的问题，我在互联网的帮助下制作了一个幻灯片，它工作得很好，但是当我使用这个文件时，它使用了一个外部CSS文件，所以它干扰了我的所有元素。我只想将这个CSS文件应用到一个特定的div

这是我的HTML：

<div id="foo">

<div style="overflow-x: scroll;" class="columns">

{% for story in stories %}
  <div style="padding-right: 9px;">
    <a name="{{ story.id }}" class="showModal">
    <figure class="image is-128x128">
      <img class="is-rounded" src="{{ story.user.profile.profile_pic.url }}">
    </figure>
    <div class="media-content has-text-centered">
      <p class="title is-6">{{ story.user.username }}</p> 
    </div>
    </a>
  </div>
{% endfor %}

  </div>


<div class="modal">
  <div class="modal-background"></div>
  <div class="modal-card">
    <header class="modal-card-head">
      <p id="storiestitle" class="modal-card-title"> </p>
      <button id="closeModal" class="delete" aria-label="close"></button>
    </header>
        <!-- Slideshow container -->

    <section class="modal-card-body">
    <div class="slideshow-container">

      <!-- Full-width images with number and caption text

      <div class="mySlides fade">
        <div class="numbertext">1 / 3</div>
        <img src="{% static 'img/background1.jpg' %}" style="width:100%">
        <div class="text">Caption Text</div>
      </div> -->

      <div id="jsondata"></div>




      <!-- Next and previous buttons -->
        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
        <a class="next" onclick="plusSlides(1)">&#10095;</a>
    </div>
    </section>

    </div>

  </div>
  <button class="modal-close is-large" aria-label="close"></button>
</div>

</div>
<be>

{故事%中的故事%}
{{story.user.username}}
{%endfor%}

❮
❯

我的css文件链接：

<link rel="stylesheet" href="{% static 'css2/bulma.min.css' %}">

---

我只想将此CSS文件应用于某个特定的div，而不会干扰其他div。

我不知道如何将样式表仅应用于某些元素，因此您必须更改CSS文件本身以执行所需操作。。。按类将要更改的div作为目标，或者在必要时为其指定一个id，并在css中使用id选择器。

我不知道如何仅将样式表应用于某些元素，因此您必须更改css文件本身以执行所需操作。。。按类指定要更改的div，或者在必要时为其指定一个id，并在css中使用id选择器。

您可以使用内联css获取详细信息，您可以访问：

---

或者，您可以更改整个CSS并以要更改的div为目标，使用id来获得更好的结果。

您可以使用内联CSS来获得详细信息，您可以访问：

---

或者，您可以更改整个CSS并针对您想要更改的div，使用id来获得更好的结果。

嗨，伙计，我希望您很好，目前您可以为一个元素应用样式表，但您可以仅为链接样式中引用的某些媒体查询应用样式表

 <link rel="stylesheet" media="screen and min-width(750px)" href="{% static 'css2/bulma.min.css' %}">

---

嗨，我希望你是好的，目前你可以应用一个元素的样式表，但你可以应用于某些媒体查询，只有你引用的链接样式

 <link rel="stylesheet" media="screen and min-width(750px)" href="{% static 'css2/bulma.min.css' %}">

---

---

也许我知道，CSS文件与以前的CSS冲突。最好是先“检查元素”，然后取Bulma CSS中的某些部分。这能回答您的问题吗？你也可以把css+div放在一个iframe中，iframe中的css只会影响这个iframe谢谢，先生，但我已经为此制作了自己的css文件。也许我知道，css文件与以前的css冲突。最好是先“检查元素”，然后取Bulma CSS中的某些部分。这能回答您的问题吗？你也可以把css+div放在一个iframe中——iframe中的css只会影响这个iframe谢谢，先生，但是我已经为此制作了自己的css文件。

！重要信息

很好，但不建议使用。尝试使用特定的选择器来定位某个元素。是的，我刚才提到的只是为了测试它是否有效，所以use id更具体，谢谢你@Si8Thank，非常感谢，先生，但我已经为此制作了自己的CSS文件。@ShikebKhan是的，祝你好运，如果你需要帮助，我就是她（“”）

！重要信息

很好，但不建议使用。试着使用一个特定的选择器来定位一个元素。是的，我刚才提到的只是为了测试它是否有效，所以use id更为具体，thanlk you非常感谢@Si8Thank，非常感谢，先生，但我已经为此制作了自己的CSS文件。@ShikebKhan是的，祝你好运，如果你需要帮助，我就是她（“”）谢谢，很多先生，但是我已经为此制作了我自己的CSS文件。好的，你能给我你的wtspp号码吗？很多先生，但是我已经为此制作了我自己的CSS文件。好的，你能给我你的wtspp号码吗？很多先生，但是我已经为此制作了我自己的CSS文件。谢谢，很多先生，但是我已经为此制作了我自己的CSS文件。