CSS常用选择器

CSS的几种选择器总是让我非常的迷糊,所以我把别人总结的拿来保存一下。

文章来源:https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/CSS_basics

选择器名称 选择的内容 示例
元素选择器(有时也称作标签或类型选择器) 所有指定类型的 HTML 元素 p
选择 <p>
标识(ID)选择器 页面中指定标识的元素(在一个 HTML 页面中,每个标识只被允许指定到一个元素) #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>, 但是只在鼠标悬停在链接上时