CSS（层叠样式表）是用于控制网页样式和布局的语言。在CSS中，选择器（Selector）用于选择页面上的HTML元素，以便应用样式规则。选择器是CSS中非常核心的概念，它们决定了哪些元素将被应用样式。以下是对CSS中一些常见选择器的介绍和使用示例。

基本选择器

1. 元素选择器：通过元素的标签名选择元素。

   p {
       color: blue;
   }
   

   这将选择页面上所有的

   标签，并将其文本颜色设置为蓝色。

2. 类选择器：通过元素的class属性选择元素。

   .highlight {
       background-color: yellow;
   }
   

   这将选择所有具有class="highlight"属性的元素，并给它们设置黄色背景。

3. ID选择器：通过元素的id属性选择特定的元素。

   #header {
       font-size: 24px;
   }
   

   这将选择具有id="header"的元素，并设置其字体大小为24像素。

组合选择器

1. 后代选择器：选择作为某元素后代的元素。

   div p {
       margin: 10px;
   }
   

   这将选择所有在

   元素内部的

   标签，并给它们设置外边距。

2. 子选择器：选择作为某元素直接子元素的元素。

   ul > li {
       list-style-type: none;
   }
   

   这将选择所有直接在

   元素内的
   • 标签，并移除它们的列表标记。

   • 兄弟选择器：选择紧接在另一元素后的元素。

     h1   p {
         font-weight: bold;
     }
     

     这将选择所有直接跟在

     元素后的

     标签，并使它们的字体加粗。

   • 属性选择器：根据元素的属性或属性值选择元素。

     a[target="_blank"] {
         color: green;
     }
     

     这将选择所有target属性为_blank的标签，并设置它们的文本颜色为绿色。