Podstawowy CSS: Wybieranie elementów, identyfikator i Class

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.