CSS nie ma warunkowych zasad stosowania właściwości w celu stylizacji elementu. Jednak niektóre właściwości CSS można zastosować tylko do stylu opartego na danym stanie. W takim scenariuszu dany warunek może być prawdziwy lub fałszywy, który zależy od wykonanych instrukcji/wzorów. Ponadto CSS nie obsługuje warunków IF/else, ale pożądaną funkcjonalność można osiągnąć za pomocą deklaracji klasowej w wewnętrznym lub zewnętrznym CSS.

Ten post określi użycie warunku IF/Else w CSS.

Czy można użyć, jeśli/inaczej warunki w CSS?

Nie, nie możesz użyć warunku if/else w CSS, ponieważ nie obsługuje wspomnianego instrukcji warunkowej. Istnieją jednak inne alternatywy if/inne, które można użyć na jego miejscu. Na przykład klasy CSS można wykorzystać w tym samym celu.

Jak korzystać z klas w HTML/CSS?

Dla demonstracji pokażemy teraz metodę stosowania klas w HTML i CSS.

Krok 1: Utwórz element DIV

Najpierw utwórz element DIV za pomocą „”Tag i dodaj„wyrównywać„Własność do ustawiania wyrównania DIV.

Krok 2: Dodaj pierwszy nagłówek

Następnie dodaj pierwszy nagłówek, wykorzystując „

”Tag i wstaw„ „styl”Atrybut wewnątrz

tag do stylizacji nagłówka. W tym scenariuszu „Kolor: RGB (28, 0, 128)„Wartość jest określona w celu ustawienia koloru nagłówka.

Krok 3: Dodaj drugi nagłówek

Następnie wstaw drugą nagłówek z pomocą „

Krok 4: Make Cantainers Conteners

Teraz zrób dwa kolejne pojemniki, używając „”Tag używany do zawartości wbudowanej. Następnie dodaj „klasa”Atrybut w każdym pojemniku o innej nazwie i wstaw dane do tych kontenerów:

Witryna samouczków Linuxhint

Warunek IF-ELSE w CSS

Linuxhint to najlepsza strona internetowa samouczka



Linuxhint zapewnia najlepszą treść dla różnych kategorii

Wyjście

Teraz przejdź do następnej części zastosowania CSS.

Krok 5: Dostęp do pierwszego kontenera

.pierwszy container
Kolor: RGB (74, 16, 233);
Styl czcionki: Kursywa;

Uzyskaj dostęp do pierwszego kontenera, wykorzystując „.Pierwszy kontakt”I użyj„kolor„Właściwość, aby określić kolor i„styl czcionki”W celu wyboru stylu czcionki tekstu pojemnika.

Krok 6: Dostęp do drugiego kontenera

.drugi container
Kolor: RGB (7, 235, 64);
Styl czcionki: ukośny;

Następnie dostęp do drugiego pojemnika za pomocą „.Drugi kontakt”I zastosuj wszelkie właściwości CSS zgodnie z preferencjami. Tutaj, "kolor" I "styl czcionki„Właściwości są wykorzystywane do drugiego pojemnika.

Wyjście

Wyjaśniliśmy alternatywę używania warunku IF/Else w CSS z jego alternatywami.

Wniosek

Nie, nie możesz użyć warunku IF/ENS w CSS, ponieważ nie oferuje on wsparcia. Jednak CSS stanowi alternatywę dla tworzenia elementów if/else z różnymi klasami, a następnie dodawaniem wymaganej funkcjonalności. Ten post chodzi o użycie warunków IF/Else w CSS.