css相鄰兄弟選擇器(+),偽類(:hover),偽元素(::after)

如果需要選擇緊接在另一個元素后的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器（Adjacent sibling selector）。

例如，如果要增加緊接在 h1 元素后出現的段落的上邊距，可以這樣寫：

h1 + p {margin-top:50px;}

 

 

偽類：
a:link {color: #FF0000}		/* 未訪問的鏈接 */
a:visited {color: #00FF00}	/* 已訪問的鏈接 */
a:hover {color: #FF00FF}	/* 鼠標移動到鏈接上 */
a:active {color: #0000FF}	/* 選定的鏈接 */
first-child偽類
p:first-child {color:red};

 

 偽元素