如何使用CSS的display:none属性隐藏指定div元素

方案1：外部/内部CSS样式表添加（推荐，不改动HTML结构） #

你可以通过组合类选择器和属性选择器精准匹配目标元素，不会误伤其他同类名元素：

/* 匹配同时包含option类、且data-id属性值为2的元素 */
.option[data-id="2"] {
  display: none;
}

如果你的页面里只有这一个.option类元素，也可以简化写：

.option {
  display: none;
}

方案2：直接添加内联样式 #

如果允许改动原有HTML代码，直接给标签加style属性即可：

<div class="option " data-id="2" style="display: none;">SAQSQS</div>

内容的提问来源于stack exchange，提问作者WQAR