首頁 > web前端 > css教學 > 如何定位 CSS 中不屬於特定類別的輸入元素?

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

Linda Hamilton
發布: 2024-10-27 11:07:30
原創
965 人瀏覽過

How Can I Target Input Elements That Are Not Within a Specific Class in CSS?

沒有否定的CSS 選擇器

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

考慮以下CSS 規則:

.classname input {
  background: red;
}
登入後複製

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

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

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

使用JavaScript 或jQuery:

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

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板