我陷入了一個非常大的問題，我在互聯網的幫助下創建了一個幻燈片放映，它工作正常，但當我使用該文件時它使用外部 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>我的CSS文件鏈接：<link rel="stylesheet" href="{% static 'css2/bulma.min.css' %}">我想將此 CSS 文件僅應用于特定的 div，而不干擾其他 div。