如何定位 CSS 中不屬於特定類別的輸入元素？

沒有否定的CSS 選擇器

在CSS 中，由於缺乏專用的“”，選擇不符合特定條件的元素可能會很困難。不是」選擇器。Web 開發人員多年來已經認識到這一限制，促使他們尋求替代解決方案。

考慮以下CSS 規則：

.classname input {
  background: red;
}

此規則為所有輸入字段指派紅色背景類別名稱為「classname」的HTML 元素。器支援

不幸的是，目前的Web 瀏覽器不支援CSS 中的負選擇器。

雖然CSS 缺少否定選擇器，但存在替代解決方案：

使用JavaScript 或jQuery：

像jQuery 這樣的JavaScript 框架提供了像:not() 這樣的方法來選擇不符合特定條件的元素。間接從樣式中排除特定元素：

• 在此範例中，預設所有輸入欄位都有灰色背景。使用紅色背景覆寫此樣式。的支援已經爭論了多年，但仍然存在截至撰寫本文時，尚未正式實施。

以上是如何定位 CSS 中不屬於特定類別的輸入元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！