element级联选择器 手动输入

Element级联选择器是一种用于选择HTML元素的CSS器。它可以通过指定元素的层级关系来选择目标元素。以下是Element级联选择器的使用方法：

1. 直接选择器（Descendant Selector）：使用空格来表示元素之间的层级关系，选择所有符合条件的后代元素。例如，选择所有class为"child"的后代元素：

   .parent .child {
     /* CSS样式 */
   }

2. 子元素选择器（Child Selector）：使用大于号（>）来表示元素之间的直接父子关系，选择所有符合条件的直接子元素。例如，选择所有class为"child"的直接子元素：

   .parent > .child {
     /* CSS样式 */
   }

3. 相邻兄弟选择器（Adjacent Sibling Selector）：使用加号（+）来表示元素之间的相邻兄弟关系，选择紧接在指定元素后面的兄弟元素。例如，选择紧接在class为"element"的元素后面的兄弟元素：

   .element + .sibling {
     /* CSS样式 */
   }

4. 通用兄弟选择器（General Sibling Selector）：使用波浪号（~）来表示元素之间的兄弟关系，选择在指定元素后面的所有兄弟元素。例如，选择在class为"element"的元素后面的所有兄弟元素：

   .element ~ .sibling {
     /* CSS样式 */
   }