Вот несколько способов выбора элементов CSS:

1. Селектор элементов: выбирает элементы на основе их имени тега. Например, pвыбирает все элементы

   .

2. Селектор классов: выбирает элементы на основе их атрибута класса. Например, .my-classвыбирает все элементы класса «my-class».
3. Селектор идентификатора: выбирает элемент на основе его уникального атрибута идентификатора. Например, #my-idвыбирает элемент с идентификатором «my-id».
4. Селектор атрибутов: выбирает элементы на основе значений их атрибутов. Например, [type="text"]выбирает все элементы с атрибутом type, равным “text”.
5. Селектор потомков: выбирает элементы, являющиеся потомками другого элемента. Например, div pвыбирает все элементы

   , находящиеся внутри элемента

   .
6. Селектор дочерних элементов: выбирает элементы, которые являются прямыми дочерними элементами другого элемента. Например, div >pвыбирает все элементы

   , которые являются прямыми дочерними элементами элемента

   .
7. Селектор смежных одноуровневых элементов: выбирает элемент, расположенный непосредственно после другого элемента. Например, h2 + pвыбирает элемент

   , который следует непосредственно за элементом

   .

8. Общий селектор одноуровневых элементов: выбирает элементы, которые являются одноуровневыми по отношению к другому элементу. Например, h2 ~ pвыбирает все элементы

   , которые являются одноуровневыми по отношению к элементу

   .