最近在開發(fā)我的兩個新網站的過程中摸索學習到兩個CSS非常有用但鮮為人知的技巧，在此分享記錄一下。
一遵绰、偽類“:hover”的另類用法
偽類“:hover”的官方解釋是：選擇鼠標指針浮動在其上的元素计技，并設置其樣式。一般常用場景為設置元素當鼠標經過時改變樣式逛绵，比如我們要實現(xiàn)當鼠標浮動到鏈接時改變鏈接的文字顏色，則可以添加樣式“a:hover:color:#222”倔韭，但是我在開發(fā)網站的過程中發(fā)現(xiàn)术浪，這個樣式還可以通過特殊寫法用來改變子元素的狀態(tài)，比如我可以這樣寫：.diva:hover.divb:color:#222寿酌，這個寫法的樣式效果是當鼠標經過diva時添吗，divb的文字顏色發(fā)生改變（其中divb必須是diva的子元素此樣式才會產生效果），得知這個特性后在某些應用場景非常實用份名，比如我可以用這個樣式來實現(xiàn)當鼠標經過時顯示某些內容碟联，這可以在不依靠JS的情況下用來做導航的二級菜單或者展示二維碼。
二僵腺、元素兩端對齊
之所以說是元素兩端對齊鲤孵，是因為這個方法不是針對文字段落的兩端對齊而是針對元素的，比如在一個盒子模型中有若干元素辰如，用文字兩端對齊的樣式是無法實現(xiàn)盒子內部元素兩端對齊效果的普监，這時候給盒子添加樣式“display:flex;justify-content:space-between”（經過測試，這兩個屬性無需考慮兼容性琉兜，在主流瀏覽器中標準寫法是被支持的）即可輕易實現(xiàn)兩端對齊的效果凯正。
以上兩個技巧，我稱之為高級技巧豌蟋，是因為在之前我并沒有掌握廊散，而當我發(fā)現(xiàn)了以后覺得非常實用與神奇，如果你還有其它CSS相關的使用技巧梧疲，歡迎一起交流允睹。
