有的，還有的
那～讓我們一一介紹其他選擇器，還有他的用法與使用場景 💃
◆ 通用選擇器 Universal selector
使用 * 選取所有元素，整張網頁下的所有元素都會套用設定
◆ 型態選擇器 Type selectors
使用HTML標籤，例如：h1、p、div
◆ Class選擇器 Class selectors
使用.來呼叫
◆ ID選擇器 ID selectors
使用#來呼叫，但一個網頁只能有一個ID屬性值
◆ 屬性選擇器 Attribute selectors
使用設定的屬性來呼叫
CSS寫法有以下四種類型
- 簡易屬性：div[target] {color:pink;}
- 精確屬性：div[target = name] {color:red;}
- 部份屬性(值包含name)：div[target ~= name] {color:blue;}
- 部份屬性(值的開頭為name-)：div[target|=name] {color:green;}
◆ 後代選擇器 Descendant selectors
空一格(半形)，誰的所有後代元素
◆ 子選擇器 Child combinator
使用 > 符號，誰的子元素(下一代)
◆ 同層相鄰選擇器 Adjacent sibling combinator
使用 + 區隔兩個元素，指定範圍只有相鄰的地方
範圍是結尾標籤</div>＋相鄰的那個標籤內容<p>
但如果指定的範圍有許多的結尾標籤</p>和開頭標籤<p>的結合，那通通會被選到
◆ 同層全體選擇器 General sibling combinator
使用 ~ 區隔兩個元素，例如 div ~ h1 表示 </div> 後面所有的h1 元素全部都會被指定
跟＋的區別是，同一層＋只會取他隔壁的，但～會取同一層所有符合的
◆ 群組選擇器 Groups of selectors
使用逗號同時選取多個元素
📣此外，各個選擇器有各自的地位，地位的高低決定了瀏覽器採用的優先順序，我們用權重來稱呼。
在瀏覽器面前，誰才是老大🌝？
在我們還不是很確定的時候，可以使用以下網址來了解
參考資料：
