22
11 月
2017

CSS 的 Child 和 Sibling 選擇器示範方法

關於 CSS 的 child 和 sibling 選擇器,由於都是用 + > ~ 這些符號,老實說不常用,真的是記不起來。

所以這邊提供兩個不錯的網站可以用視覺化的方式來查詢:

第一個,就是用直觀的方式解說 + > ~ 這三個符號的用法

Child and Sibling Selectors

第二個,是 w3schools 的 Demo 示範,裡面也包含多種其他選擇器的示範,點擊左邊的選擇器,右邊就會高亮選出的標籤。

https://www.w3schools.com/cssref/trysel.asp