CSS常用選擇器

摘要： CSS的幾種選擇器總是讓我非常的迷糊，所以自己來總結下吧。 文章來源：https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/CSS_basics ...

CSS的幾種選擇器總是讓我非常的迷糊，所以自己來總結下吧。

文章來源：ofollow,noindex">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> , 但是隻在滑鼠懸停在連結上時