W CSS możesz wybierać elementy, class stosować id style i dostosowywać elementy na swojej stronie internetowej. Oto szczegółowy przewodnik, jak z nich korzystać:
Wybieranie elementów
Aby wybrać wszystkie wystąpienia określonego elementu HTML, użyj nazwy elementu jako selektora. Na przykład p zaznacza wszystkie <p> znaczniki w dokumencie.
Wybieranie Class
Aby wybrać elementy z tą samą klasą, użyj kropki „.” następnie nazwa klasy. Na przykład .my-class wybiera wszystkie elementy z klasą my-class.
Aby wybrać elementy z wieloma klasami, użyj kropek „.” i wypisz nazwy klas oddzielone spacjami. Na przykład .class1.class2 wybiera elementy z klasami obu class1 i class2.
Wybieranie id
Aby wybrać określony element według jego id, użyj skrótu „#”, po którym następuje id. Na przykład #my-id wybiera element z id my-id.
Łączenie Element, Class, i ID Wybory
Możesz łączyć class wybrane elementy, i id, aby kierować określone elementy z określonymi klasami i ID.
Na przykład div.my-class#my-id wybiera <div> element z class my-class i ID my-id.
Oto konkretny przykład wybierania elementów class i id w CSS:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
Używając opcji element, class, i id, możesz łatwo wybierać i stylizować określone elementy lub grupy elementów na swojej stronie internetowej.