如何在不使用CSS'not”選擇器的情況下選擇特定元素之外的輸入欄位？

在沒有「Not」的情況下導航CSS選擇器：外部輸入欄位選擇

在CSS中，「not」選擇器是一個受歡迎的功能這將允許用戶從匹配條件中排除特定元素。目前，除非使用 JavaScript/jQuery，否則此功能在瀏覽器中不可用。

例如，要選擇類別為“classname”的元素中的所有輸入字段，CSS 代碼將為：

<code class="css">.classname input {
  background: red;
}</code>

為了解決這個問題，合乎邏輯的下一步是排除“ classname」元素中的輸入欄位。但是，由於缺少“not”選擇器，如果沒有其他方法，這是不可能的。

其中一個替代方案是 JavaScript/jQuery，如以下程式碼所示：

$j(':not(.classname) > input').css({background: 'red'});

此程式碼選擇所有不屬於「classname」類別元素後代的輸入欄位。它有效地實現了將紅色背景應用於“classname”元素之外的所有輸入欄位的預期結果。

儘管 CSS 缺少「not」選擇器，但 JavaScript/jQuery 的可用性為此限制提供了解決方案，允許根據特定標準精確選擇和修改元素。

以上是如何在不使用CSS'not”選擇器的情況下選擇特定元素之外的輸入欄位？的詳細內容。更多資訊請關注PHP中文網其他相關文章！