css選擇器

作項目遇到了一個css的問題，想記錄一下，而後開通了思否
1、經常使用的
一、.classname
二、#id
三、*
四、標籤選擇器 {div} 、 {span}等 ，選擇了頁面所有的div、span等
2、進階的
一、{ div, p,span}同時選擇選擇全部的div、p、span
二、{div p}選擇全部的 div裏面 (不包含div)的全部的p標籤，不管是不是子一級仍是子n級
三、{div>p}選擇全部父級元素爲div的全部的p標籤，不會發生穿透的現象只會在父元素與子一級之間
四、{div+p}選擇div元素後面出現的第一個p標籤。出現效果的只有第一個P標籤

<div>一個div</div>
<p>z這是在div後面的</p>
<p>這是在div後面的</p>

五、{div:hover 、div>p:hover}「：」以前是選擇的標籤，」hover「是關鍵字，當鼠標放上去的時候，樣式會被觸發，不然就是選擇的標籤原來的樣式。hover也能夠接一些選擇器，讓其只做用於選擇的內容。（hover簡單的理解爲就是選擇器上面的選擇器中間的一個關鍵詞，而後有鼠標進入與離開事件）
六、{關鍵詞: focus}通常做用於input或者textarea的文本輸入框中，當點擊的進入的時候觸發樣式
七、{關鍵字：first-letter}做用於選擇元素的第一個文字
八、{關鍵字：first-line}做用於選擇元素的第一行內容
九、{關鍵字：first-child}選擇的是前面選擇元素的第一個全部的元素
十、{關鍵字：before}在選擇的元素前面加上內容，使用的時候必須設置content屬性。
好吧 暫時這樣，繼續寫項目
十一、
十二、