CSS选择器

三葉Leaves Author
选择器名称 选择的内容 示例
元素选择器(也称作标签或类型选择器) 所有指定类型的 HTML 元素 p
选择 <p>
ID 选择器 具有特定 ID 的元素。单一 HTML 页面中,每个 ID 只对应一个元素,一个元素只对应一个 ID #my-id
选择 <p id="my-id"> 或 <a id="my-id">
类选择器 具有特定类的元素。单一页面中,一个类可以有多个实例 .my-class
选择 <p class="my-class"> 和 <a class="my-class">
属性选择器 拥有特定属性的元素 img[src]
选择 <img src="myimage.png"> 但不是 <img>
伪类选择器 特定状态下的特定元素(比如鼠标指针悬停于链接之上) a:hover
选择仅在鼠标指针悬停在链接上时的 <a> 元素
  • 标题: CSS选择器
  • 作者: 三葉Leaves
  • 创建于 : 2024-08-17 00:00:00
  • 更新于 : 2024-11-23 17:56:30
  • 链接: https://leavesblog.netlify.app/345dc1beedf6/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论
目录
CSS选择器