:hover 偽類經常用於頁面的一些鼠標交互、鏈接點擊變化，增強頁面的用戶體驗，但是可以用來改變其他元素樣式，可以在不使用JS 的情況下，達到想要的頁面效果。 1、hover改變自身的效果： 鼠標懸浮改變樣式： HTML CSS ...

示例1： 示例2： Feedback：利用hover控制兩個元素可以達到不用js也能寫出簡易的彈出二維碼或者輸入框顏色整體變化 提示等控件小特效。注意：在使用過程中 觸發選擇器 只能寫 該元素本身 的選擇器 不能用這樣的寫法： 父元素選擇器1 子元素 ...

css中的偽類和偽元素總是混淆，今天參考了很多資料，也查看了部分文檔，現將偽類及偽元素總結如下： 一、由來： 　　偽類和偽元素的引入都是因為在文檔樹里有些信息無法被充分描述，比如CSS沒有“段落的第一行”、“文章首字母”之類的選擇器，而這在一些出版場景里又是必須的，這一情況下出現的。引用標准中 ...

關於偽類:hover大家都用過，也比較熟悉。今天介紹一種新的用法（不是我發現的，但是以前一直沒這么用過）。在Chrome瀏覽器下，當a標簽使用display:black;時a:hover的屬性瀏覽器就讀不到。解決的方法就是在樣式名后直接添加:hover屬性（.hao:hover ...

如果需要選擇緊接在另一個元素后的元素，而且二者有相同的父元素，可以使用相鄰兄弟選擇器（Adjacent sibling selector）。 例如，如果要增加緊接在 h1 元素后出現的段落的上邊距，可以這樣寫： 偽元素 ...

css選擇器常見包括id（#id）、標簽（tag）、class（.class）、屬性[attr=attrval]等，還包括偽元素和偽類選擇器。正確的利用偽元素和偽類能夠讓我們的html結構更清晰合理，也能在一定程度上減少js對dom的操作！ 定義 偽類包含兩種：狀態偽類和結構性偽類。 狀態偽 ...

參考地址：鏈接 +表示下一級元素，>表示子元素 ...

hover用法： 必須-移入父級操作子級 也可以移入自己操作自己 1.對自身作用 ul li:hover { background: red; } 　　 2.對自身的子集作用 ul li ...