ie11忽略css的特定块，而不是整个样式表

ie11忽略了这个css：

.canopy_banner .banner_text {
  max-width: 335px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

html:

{%if module.banner_content.tagline%}{{module.banner_content.tagline}{%endif%}
{%if module.banner_content.h1_header%}{{module.banner_content.h1_header}{%endif%}
{%if module.banner_content.richtext_field%}{{module.banner_content.richtext_field}{%endif%}
{%if module.banner\u content.buttons}{%if module.button\u group.type\u of theu buttons==“cta”}{%if module.button\u group.cta\u repeater%}{%cta guid=“{{item}}{%endfor%}{%elif module button\u group.type\u of theu buttons==“nam”}{%for module button\u group.link u%repeater%}{%endif%}
{%if module.banner\u content.right\u side\u image.src%}
{%endif%}

---

但其余所有样式都将应用于页面。我不明白为什么。有什么建议吗？

仔细检查您的id、类等，确保您正确引用了它们，并且没有遗漏任何子元素，例如嵌套在

下面的a
div
、
li
等

查看该代码片段的html代码也会有所帮助

<div class="row-fluid-wrapper">
  <div class="row-fluid">
    <div class="span5">
      <div class="banner_text">
        {% if module.banner_content.tagline %}<span class="accent_text" style="color:{{ module.banner_content.tagline_color.color }};">{{ module.banner_content.tagline }}</span>{% endif %}
        {% if module.banner_content.h1_header %}<h1>{{ module.banner_content.h1_header }}</h1>{% endif %}
        {% if module.banner_content.richtext_field %}{{ module.banner_content.richtext_field }}{% endif %}

        {% if module.banner_content.buttons_ %}{% if module.button_group.type_of_buttons  == "cta" %}{% for item in module.button_group.cta_repeater %}{% cta guid="{{ item }}" %}{% endfor %}{% elif module.button_group.type_of_buttons  == "nam" %}{% for item in module.button_group.link_repeater %}<a href="{{ page_by_id(item.link_url).absolute_url }}" class="cta_button">{{ item.link_text }}</a>{% endfor %}{% endif %}{% endif %}

      </div>
    </div>
    <div class="span7 ban_hide">
      {% if module.banner_content.right_side_image.src %}
        <img src="{{ module.banner_content.right_side_image.src }}" alt="{{ module.banner_content.right_side_image.alt }}" style="width: {{ module.banner_content.image_width }}%;">
      {% endif %}
    </div>
  </div>
</div>