CSS中除了一個(gè)類(lèi)其他都取的方法

在CSS中，我們經(jīng)常需要選取除了一個(gè)類(lèi)之外的所有元素，這種情況下，我們可以使用CSS的偽類(lèi)選擇器來(lái)實(shí)現(xiàn)。

一、使用:not()偽類(lèi)選擇器

:not()偽類(lèi)選擇器可以選取除了指定類(lèi)之外的所有元素，如果我們想要選取除了.myClass之外的所有元素，可以使用以下CSS代碼：

:not(.myClass) {
  /* 這里是除了.myClass之外所有元素的樣式 */
}

二、使用[class~="myClass"]屬性選擇器

[class~="myClass"]屬性選擇器可以選取所有包含myClass類(lèi)的元素，如果我們想要選取除了myClass之外的所有元素，可以結(jié)合使用:not()偽類(lèi)選擇器來(lái)實(shí)現(xiàn)：

:not([class~="myClass"]) {
  /* 這里是除了包含.myClass之外所有元素的樣式 */
}

三、使用[class^="myClass"]或[class$="myClass"]屬性選擇器

[class^="myClass"]和[class$="myClass"]屬性選擇器分別可以選取所有以myClass開(kāi)頭的元素和所有以myClass結(jié)尾的元素，同樣地，我們可以結(jié)合使用:not()偽類(lèi)選擇器來(lái)選取除了這些元素之外的所有元素：

:not([class^="myClass"]) {
  /* 這里是除了以.myClass開(kāi)頭的元素之外所有元素的樣式 */
}

:not([class$="myClass"]) {
  /* 這里是除了以.myClass結(jié)尾的元素之外所有元素的樣式 */
}

通過(guò)以上方法，我們可以使用CSS來(lái)選取除了一個(gè)類(lèi)之外的所有元素，并應(yīng)用相應(yīng)的樣式。