Deweloperzy mogą korzystać z innych różnych elementów pod kontenerem Div. Załóżmy, że chcesz kliknąć dowolne elementy, które są dostępne za pośrednictwem Div. Większość programistów będzie miała poważne problemy, ponieważ mogą kliknąć elementy podstawowe tylko wtedy, gdy klikną stronę zewnętrzną dla nakładania się w div. Aby poradzić sobie z taką sytuacją, wybierz opcję kliknięcia przez utworzoną div.

Ten post wyjaśni metodę kliknięcia przez DIV, aby u podstaw elementów w CSS.

Jak kliknąć Div do elementów podstawowych w CSS?

Aby kliknąć Div, aby u podstaw elementów w CSS, najpierw utwórz główną div o określonej nazwie i dodaj „„Element do zdefiniowania hiperłącza, który jest wykorzystywany do łączenia z jednej strony do drugiej. Następnie wstaw metkę „” zgodnie z tą samą procedurą i określ nazwę klasy.

Krok 1: Utwórz kontener Div

Najpierw skorzystaj z „„Element do tworzenia kontenera„ Div ”w pliku HTML. Następnie określ „ID„Wewnątrz znacznika otwierającego„ div ”o określonej wartości.

Krok 2: Utwórz zagnieżdżony kontener Div

Następnie zrób inny kontener DIV w pierwszym pojemniku, postępując zgodnie z tą samą procedurą.

Krok 3: Wstaw nagłówek

Następnie użyj znacznika nagłówka HTML, aby dodać nagłówek. W tym scenariuszu „

„Używana jest znacznik nagłówka.

Krok 4: Dodaj element elementów podstawowych

Teraz wstaw „„„Element do połączenia jednej strony z drugą. Aby to zrobić, dodaj „Href”Atrybut wewnątrz znacznika„ ”i ustaw wartość tego atrybutu, aby przypisać link do witryny:

Kliknij w link

= "https: // linuxhint.com "> nie responsywny



= "https: // linuxhint.com "> responsywne

Wyjście

Krok 5: Główny kontener Div Style

Uzyskaj dostęp do głównej div za pomocą selektora i nazwy atrybutu jako „.główna zawartość”:

#główna zawartość
Margines: 30px 50px;
Border: 3Px kropkowana zielona;
Wyściółka: 20px 40px;
kolor tła: RGB (207, 250, 207);

Teraz zastosuj powyższe podane właściwości CSS:

• "margines”Służy do określenia przestrzeni wokół granicy elementu.
• "granica”Określa granicę poza zdefiniowanym elementem.
• "wyściółka„Przydziela przestrzeń wewnątrz zdefiniowanej granicy.
• "kolor tła”Wdrożone do ustawiania koloru na odwrocie elementu.

W rezultacie główny pojemnik zostanie stylizowany w następujący sposób:

Krok 6: Zastosuj właściwość „Wskaźniki”

Teraz uzyskaj dostęp do zagnieżdżonego kontenera za pomocą nazwy klasy jako „.źródło”:

.źródło
Wskaźniki: Brak;

Następnie zastosuj „Wskaźniki„Aby zarządzać komponentami HTML, które reagują na zdarzenia myszy i dotykają. W tym scenariuszu wartość „Wskaźniki”Jest ustawiony jako„nic”, Co oznacza, że ​​element nie reaguje na wskaźniki:

Krok 7: Uzyskaj dostęp do klasy dzieci

Teraz uzyskaj dostęp do „„Zagadnij z nazwą klasy jako„.dziecko". Następnie zastosuj „Wskaźniki”Właściwość i ustaw wartość jako„automatyczny”:

.dziecko
Wskaźniki: auto;

„„automatyczny„Wartość jest wykorzystywana do reagowania na zdarzenia wskaźnika, takie jak kliknięcie.

Wyjście

Chodzi o kliknięcie Div do elementów podstawowych w CSS.

Wniosek

Aby kliknąć Div do elementów podstawowych, najpierw zrób główną div o określonej nazwie i dodaj atrybut klasowy lub identyfikator. Następnie wstaw „”Element i dodaj atrybut klasy jako dziecko. Następnie uzyskaj dostęp do DIV i zastosuj „Wskaźniki„Z wartością brak. Następnie uzyskaj dostęp do atrybutu dziecka i zastosuj „Wskaźniki”Z wartością„automatyczny". Ten zapis pokazał metodę klikania Div do elementów podstawowych.