真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

CSS如何實(shí)現(xiàn)鼠標(biāo)懸停改變其他標(biāo)簽樣式-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了CSS如何實(shí)現(xiàn)鼠標(biāo)懸停改變其他標(biāo)簽樣式，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學(xué)習(xí)一下“CSS如何實(shí)現(xiàn)鼠標(biāo)懸停改變其他標(biāo)簽樣式”這篇文章吧。

成都創(chuàng)新互聯(lián)公司專注于青川網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。熱誠為您提供青川營銷型網(wǎng)站建設(shè)，青川網(wǎng)站制作、青川網(wǎng)頁設(shè)計(jì)、青川網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造青川網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供青川網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

控制其他標(biāo)簽（根據(jù)控制標(biāo)簽與被控制標(biāo)簽之間的關(guān)系）可分為三種類型如下：

本文中控制標(biāo)簽為 .div1
被控制標(biāo)簽為 .div2

1.控制子標(biāo)簽（.div1:hover和.div2之間使用空格）



    
        
        
        
            .div1,.div2 {
                width: 200px;
                height: 100px;
                background-color: pink;
            }
            .div2 {
                background-color: aqua;
                display: none;
            }
            .div1:hover .div2 {
                display: block;
            }
        
    
    
        div1
            div3

div2

被控制標(biāo)簽只要是控制標(biāo)簽的子標(biāo)簽就可以，里有其他標(biāo)簽（如.div3）不會(huì)影響效果！

2.控制兄弟標(biāo)簽（.div1:hover和.div2之間使用+）

.div1,.div2 { width: 200px; height: 100px; background-color: pink; } .div2 { background-color: aqua; display: none; } .div1:hover+.div2 { display: block; } div1 div2

使用“+”時(shí)，.div2必須緊貼在.div屁股后面才會(huì)有效果，否則無效！?。±纾簩?div3取消注釋后，.div1將無法控制.div2的樣式！??！如果控制標(biāo)簽和被控制標(biāo)簽中間有內(nèi)容，需要按照第三種方式寫！

3.控制兄弟標(biāo)簽（中間有內(nèi)容）（.div1:hover和.div2之間使用~）

.div1,.div2 { width: 200px; height: 100px; background-color: pink; } .div2 { background-color: aqua; display: none; } .div1:hover~.div2 { display: block; } div1 div3 div2

這種方法的使用要求是被控制標(biāo)簽必須在控制標(biāo)簽的下面，中間可以有任意內(nèi)容。

總結(jié)：

控制子標(biāo)簽

中間使用空格

控制緊貼后面的兄弟標(biāo)簽

中間使用“+”

控制后面任意兄弟標(biāo)簽

中間使用“~”

以上就是關(guān)于“CSS如何實(shí)現(xiàn)鼠標(biāo)懸停改變其他標(biāo)簽樣式”的內(nèi)容，如果改文章對(duì)你有所幫助并覺得寫得不錯(cuò)，勞請(qǐng)分享給你的好友一起學(xué)習(xí)新知識(shí)，若想了解更多相關(guān)知識(shí)內(nèi)容，請(qǐng)多多關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

http://weahome.cn/article/dsoocd.html