利用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