如何实现在<button>标签区域盘旋的时候里面的<a>标签字体仍变色！？
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>sun</title> <link rel="stylesheet" type="text/css" href="love sun.css"> </head> <body> <div></div> <div></div> <div></div> <div></div> <button type="button" name="I AM"><a href="#"><h1>I AM</a></h1></button> <button type="button" name="I ❤"><a href="#"><h1>I   ❤</a></h1></button> <button type="button" name="I DR"><a href="#"><h1>I DR</a></h1></button> <button type="button" name="I BO"><a href="C:\Users\龙\Desktop\public\sunibook.html"><h1>I BO</h1></a></button> <button type="button" name="I PI"><a href="#"><h1>I   PI</a></h1></button> <button type="button" name="I LI"><a href="#"><h1>I   LI</a></h1></button> <div> <div> <img src="http://imgchr.com/images/1507231-7.jpg" width="100%"> </div> <div> <h2>懂得不多</h2> <p>s ij ijo inoisdoi i nioej oi n noi oij oi om oii noi u oi ibiubuafhuicykyajbfue uy hneu ue nufizdyanujdi8euncya iniu hisj iuyuan hsug uyu yudu idei n gie tjieydiudiya hi hoisui ishioa iuhefhiuaegfuhkaj hiufsnkjchjo eoifhiujifu ehfiencuihowofniuauivg </p> <h3>efadjk</h3> <p>duiahincnavi uieidjomco suijdiskd uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p> <p>duiahincnavi uieidjomco suijdiskd uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p> <p>duiahincnavi uieidjomco suijdiskd uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p> <p>duiahincnavi uieidjomco suijdiskd uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p> </div> <div></div> </div> <div> <div></div> <div> <h3>efadjk</h3> <p>duiahincnavi uieidjomco suijdiskd uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p> <p>duiahincnavi uieidjomco suijdiskd uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p> <p>duiahincnavi uieidjomco suijdiskd uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p> <p>duiahincnavi uieidjomco suijdiskd uiemdihuy m pisjodnsk jugoiuuxio jioxcmi jieln iuh oijidhdsoi hoisdgsiuguiakbcirh irjviushdj yky ajngejji oiehionuifejfue7r83uiyfuehf78e2huqhoi vh 78h3ufijnriunairgfnu489fmkgalrnv uuh408498hju gni 9vie030mjfi h84o9 94j98ejiufehfioenfhroingin gif i3jif3oej ijeij ijfiejfiejfjeifeijfh8 jeikfojfowjofjwofjowhfoqeijofiqjoifjwoiehpwqphefiuqewprypoiewqyrpioueqpoiriewuiopruewqoi urioiuqpeiqu</p> </div> <div></div> </div> </body> </html> <!--为什么a 不能变色！！！！！！！！！！！ -->
*{margin: 0;padding:0;}
body{width: 200%;height:100%}
a{color: #fff;text-decoration: none;}
a:hover{color: #dadada;text-decoration: none;}
button{display: block;height:16.67%;max-width:20%;min-width:20%;font-size: 20px;color: #fff;background-color: #539CEF;border:0;position: fixed;z-index:5;}
button:hover{background-color:#396FAD;color: #dadada}
h1,h2{line-height: 2em;margin-left:20px;}
p{line-height: 1.5em;margin-bottom: 0.5em;margin-left:20px}
.b1{top:0;}
.b2{top:16.67%;}
.b3{top:33.34%;}
.b4{bottom: 33.33%}
.b5{bottom: 16.67%;}
.b6{bottom: 0;}
.dt{position:absolute;top:0;border-bottom: 5px solid #539cef;width:200%;display:block;}
.dr{z-index: 4;position:absolute;right:-100%;border-left: 5px solid #539cef;height:100%;}
.dr2{z-index: 4;position:absolute;right:-10%;border: 1px solid #539cef;height:80%;margin:5% 0;}
.db{z-index: 4;position:absolute;bottom:0;border-top: 5px solid #539cef;width:200%;display:block;}
.right_b{width:87%;height: 90%;background-color: red;position: absolute;left:21.5%;top:5%;}
.right_b2{width:87%;height: 90%;background-color: green;position: absolute;left:111%;top:5%;}
.rbl{background-color: #f1f1f1;width: 15%;height: 100%;float: left}
.rbl img{position:relative;top: 20%}
.rbm{background-color: #FDFEE4;width:70%;height: 100%;float: left;}
.rbr{background-color: #f1f1f1;width:15%;height: 100%;float: left;}像这样子：
不变
浏览 1859回答 1