首頁 > web前端 > css教學 > 主體

如何在 CSS 選擇器中排除具有特定類別名稱的元素?

Susan Sarandon
發布: 2024-11-05 09:55:02
原創
320 人瀏覽過

How to Exclude Elements with a Specific Class Name in CSS Selectors?

在 CSS 選擇器中排除特定的類別名稱

在 CSS 中,通常需要根據特定的類別名稱來定位元素。但是,當一個元素上存在多個類別名稱時,定位可能會變得更加複雜。一個常見的挑戰是排除具有特定類別名稱的元素。

考慮以下場景:

  • 當滑鼠懸停在帶有「
  • 但是,如果元素也具有「reMode_selected」類,您不想更改顏色。
  • 但是,如果元素也具有「reMode_selected」類,您不想更改顏色。

要排除具有特定類別名稱的元素,您可以使用「非」選擇器。 :
<code class="css">.reMode_hover:not(.reMode_selected):hover {
  background-color: #f0ac00;
}</code>
登入後複製

此選擇器會將背景顏色套用於任何具有「reMode_hover」類別的元素,只要它不具有「reMode_selected」類別。

以上是如何在 CSS 選擇器中排除具有特定類別名稱的元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!