Home > Developer > Web Develop
<body>
<DivID= "a"style= "background: #0F0; height:100px; width:100px;"><DivID= "C"style= "background: #FF0; height:50px; width:50px;"></Div></Div><DivID= "B"style= "background: #900; height:200px; width:200px;"></Div></Body>
#c { display:none;} #b {display:none;} #a: hover+ #b { display:block; } #a: hover #c { display:block;}c is a child element, and when you use a to control the style of C, #a: hover #c {}
b is a sibling element, use a to control the style of B, with +, for #a:hover+ #b {}
Need to change the style must be written in the CSS, if written in HTML, because the HTML priority, the changed style will not change
Ps::hover is suspended, that is, when suspended on a block, change the style of B C
"Front-end learning notes" about CSS changing the style of another block by one block
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
