html - 如何选择没有特定类别的 Div ID

标签 html css css-selectors

我正在开发一个 Web 应用程序,并且我有一个 ID = WebPartWPQ2 的 div。我定义以下 css 规则来定义其最小宽度:-

#WebPartWPQ2  {
    min-width:1280px;
}

目前这将适用于所有具有此 ID 的 Div。但目前我有以下 div :-

<div id="WebPartWPQ2" class="ms-wpContentDivSpace " style="" allowexport="false" allowdelete="false" allowremove="false" width="100%" haspers="false" webpartid2="e5a46e55-7c76-4d8c-be2c-e3022b7080fc" webpartid="e8865b18-0e92-4276-9945-9091e47e7b0f">

其中有关联的 ID 和一个名为“ms-wpcontentDivSpace”的类,那么我如何从上面的 css 规则中排除具有此类的 Dic ?

最佳答案

#WebPartWPQ2.ms-wpContentDivSpace {
    min-width: 0; /*fallback*/
    min-width: initial;
}

您还可以将声明更改为:

#WebPartWPQ2:not(.ms-wpContentDivSpace) {
    min-width:1280px;
}

我个人认为第一个更容易阅读。

关于html - 如何选择没有特定类别的 Div ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33417484/

相关文章:

php - 为什么我的 CSS 没有按应有的方式更改?

javascript - iPad 上的拖放功能

javascript - 不确定是什么影响按钮显示 - 已更新

html - CSS 子选择器问题

css - 只选择第一个元素,不考虑类型

jquery - 如何使用 jQuery 在 div 中动态添加 div。它也应该首先显示?

html - 不同浏览器中的图像颜色差异。 (火狐、 Chrome 、IE)

php - 当我尝试将样式添加到 HTML anchor 标记时,我将不再使用 PHP 链接停止工作

JavaScript react JSX : Looping Through Array of Objects And Setting Objects Horizontally Across Web Page

java - 为什么我在 Selenium 中的同一个 WebElement 上得到不同的结果?