利用CSS僞類 改變其他元素

原創 小小米粒吖 2020-06-21 06:49

1.改變本身

E:hover{--# #----}

2.改變子元素  >

E:hover > E(子元素){ --# #-- }（子元素的樣式變化）

3.改變同級元素變化 +

E:hover + E(同級元素){ --# #-- } (同級元素樣式變化)

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

需求input type="number"中只能輸入整數，不能輸入小數點

實現：在input type="number"中，只能輸入整數，不能輸入小數點 問題：在開發過程中，用的谷歌瀏覽器，發現，在這個輸入框中輸入11.，在控制檯中查看，得到的是11，如果輸入11.1，纔會得到11.1，於是也不能通過index

weixin_38203203 2020-07-05 12:49:19

淺談元素重疊及z-index的問題

經常在項目中會遇到元素重疊的問題，這時作爲一個初入前端門檻的小白來說想到（亦或查到）的第一個應該是z-index屬性了吧，誠然，大多數情況下z-index屬性都能夠解決我們當前的問題，實現頁面元素重疊是誰是老大（排前面）的問題，然而，有

ITDogFire 2020-07-02 14:36:19

【目錄】【視頻課 李遊Leo】javascript_demo 集合篇 製作中ing

※【注意事項：完了したの場合、「◆」を表示している。】  HTML+CSS ◆　小練習-風箏效果 小練習 - 佈局基礎練習  ◆　色塊佈局 色塊高級佈局  練習 - 佈局練習 登陸頁面製作 百度頁面製作 - 頭部 百度頁面製作 - 輸入框

哓秒四下 2020-07-01 12:53:00

hover 右側的 | 隱藏

實現下圖所示效果 鼠標經過的時候沒有右側的 |。 一般的方法是用border-right。可是鼠標經過後一個a鏈接的時候，border-right還在。 後來想的是在a鏈接下面加span標籤，可是實現起來總是不對 a:hov

shl999 2020-06-24 07:02:33

css 實現蒙版效果

樣式： <style> .back {background:url(images/coupon-logo.gif) no-repeat;} .top {height:100px;background-color:#

shl999 2020-06-24 07:02:33

在移動端，body:overflow 無效的問題

在手機瀏覽器上，給body增加overflow:hidden;width:100%;height:100% 無效的問題。在網上找了幾種解決辦法 1、body加position:fixed; —-可行 2、給要滾動的元素添加一個

shl999 2020-06-24 07:02:22

繼承與非繼承元素

不可繼承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、positio

黄小黄同学 2020-06-24 04:50:55

H5 學習整理

語義標籤      nav 導航   header頭部  footer底部  main主體  article文章  aside主體內容之外     注意：行級元素在設置寬高是無效的；在ie9裏面把所有的語義標籤解析爲行級元素，如果想裝換爲

小小米粒吖 2020-06-21 14:32:39

div裏的img圖片水平垂直居中（解決）

轉記！ 實現div裏的img圖片水平垂直居中

孟林洁 2020-06-21 13:36:36

bootstrap 模態框遮蓋頁面按鈕問題

問題顯示如下： 就是模態框將頁面的按鈕遮蓋住了頁面按鈕無法點擊，摁，，，聽說這是模態框的一個bug 解決方法很簡單就是在模態框上添加display：none  就可以啦，，   這個問題已經遇到過好多次了，所以必須記錄下來、、  

小小米粒吖 2020-06-21 06:48:51

js 簡單的鼠標指針小圖標

描述 點擊哪個圖片，哪個圖片就變成鼠標小圖標，具體代碼如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name=

小小米粒吖 2020-06-21 06:48:51

清除浮動“clear:both;”的應用

在CSS中我們會經常要用到“清除浮動”Clear，比較典型的就是clear:both; CSS手冊上是這樣說明的：該屬性的值指出了不允許有浮動對象的

w617280955 2020-06-19 18:17:08

input的size屬性和maxlength屬性

</pre>做項目時要使input最大的輸入字符數不超過12  那麼需要一個限制的屬性，但是size和maxlength要用哪一個呢，百度了一下，maxlength是限制輸入框可以輸入的字符數，而size則是設定輸入框可以顯示多少個字符數

大白菜coder 2020-06-16 04:18:12

ContentType 格式

抄來的 收起來以備後用 不同的ContentType 會影響客戶端所看到的效果.默認的ContentType爲 text/html 也就是網頁格式.代碼如: <% response.ContentType ="text/html" %><

ifnotok 2020-06-15 06:54:41

全部鏈接在新窗口中打開

網站頁面中有很多站外鏈接，要讓這些鏈接都在瀏覽器新窗口中打開，可以在每個<a>tag中加入target="_blank"標識，但如果鏈接很多，就會有非常大量的重複代碼.其實可以在head中加入<basetarget="_blank">ta

gelivable007 2020-06-06 17:36:24