HTML选择器

HTML选择器

HTML选择器是CSS用来选择和定位特定HTML元素的方式。常见的HTML选择器类型如下：

1. 元素选择器（Element Selector）：通过匹配指定名称的HTML元素来应用样式。

    p {
      color: blue;
    }
    

2. 类选择器（Class Selector）：通过匹配具有相同class属性值的HTML元素来应用样式。

    .my-class {
      color: red;
    }
    

3. ID 选择器（ID Selector）：通过匹配具有相同id属性值的HTML元素来应用样式。

    #my-id {
      background-color: grey;
    }
    

4. 子选择器（Descendant Selector）：通过匹配定义在其他元素内部的子元素来应用样式。

    Plain Textarticle p {
      font-weight: bold;
    }
    

5. 属性选择器（Attribute Selector）：通过匹配具有特定属性或属性分配的HTML元素来应用样式。

    a[href="https://www.example.com"] {
      color: green;
    }

6. 伪类选择器（Pseudo-Class Selector）：通过匹配元素的当前状态或操作而不是HTML文档树中它们的位置来应用样式。

    input:focus {
      border-color: blue;
    }

使用HTML选择器，开发人员可以仅针对所需的HTML元素或组合应用样式，从而使页面的样式更加灵活和有趣。