Czy mogę napisać selektor CSS, wybierając elementy, które nie mają określonej klasy lub atrybutu

Są chwile, kiedy musimy dodać selektor CSS w celu odniesienia się do elementów, które nie są powiązane z określoną klasą lub atrybutem. Trudno jest utworzyć oddzielne klasy i atrybuty dla niektórych elementów, aby je wybrać, ale istnieje rozwiązanie tego problemu, a to jest użycie pseudoklicznego selektora „: not ()”.

Pseudokliczny selektor „nie”

Dodanie a nie Pseudo-klasy selektor wybiera elementy, które nie mają żadnej konkretnej klasy ani atrybutu. nie Pseudo selektor działa przeciwnie do rzeczywistych selektorów CSS. Selektory CSS wybierają elementy klasy wymienione w właściwości selektora, z drugiej strony, nie -selektor wybiera elementy inne niż klasa wymieniona w właściwości CSS Selector.

Składnia

Składnia, aby dodać nie Selektor CSS to:

:nie(.Nazwa klasy)
/ * Stylizacja */

Przykład

Napiszmy fragment kodu, aby zrozumieć, jak działa selektor pseudokliczny:

To jest tekst napisany w klasie

Brak klasy ani atrybutu

W powyższym kodzie istnieje H2 element z nazwą o nazwie Pierwszy i tekst napisany w elemencie. Następnie istnieje element bez klasy lub atrybutu.

W elemencie stylu CSS dodamy selektor „nie” odnoszący się do klasy „Pierwszy”I zdefiniuj właściwość kolorów, aby zmieniła kolor każdego elementu wewnątrz ciała innego niż klasa„Pierwszy”:

Ciało: nie (.Pierwszy)
Kolor: Aqua

Będzie to działać w taki sposób, że zmieni kolor wszystkich elementów oprócz tekstu wewnątrz elementu z klasą „Pierwszy”:

W ten sposób możemy napisać selektory CSS, które wybierają elementy bez klasy lub atrybutu.

Wniosek

Możemy napisać selektor CSS, wybierając elementy, które nie mają określonej klasy lub atrybutu przez nie Selektor CSS, który działa w taki sposób, że odnosi się do elementów innych niż te wspomniane w selektorze, a te, które nie należą do żadnej klasy lub atrybutu. Właściwości CSS można wstawić, że nie selektor w celu zmiany stylistyki elementów niezwiązanych z klasami i atrybutami.