<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin: 0;padding: 0;}a{text-decoration: none;color:deeppink}div{width: 200px;height: 200px;background-color: pink;display: none;text-align: center;font: 50px/200px "微软雅黑";position: absolute;}:target{display: block;}#4{width: 200px;height: 200px;display: inline-block;}</style><script type="text/javascript">console.log("a")</script></head><body><a href="#div1">div1</a><a href="#div2">div2</a><a href="#div3" >div3</a><br /><div id="4"style="width:200px;height: 200px;display: inline-block;">div4</div><div id="div1">div1</div><div id="div2">div2</div><div id="div3">div3</div> </body></html>上面这个代码为什么div4的样式写在内联就可以打开网页默认显示div4，但是写在css就不可以默认显示div4了呢，求大神帮我解答。。初学勿喷。。
2 回答
互换的青春
TA贡献1797条经验 获得超6个赞
id是不能用纯数字的，你把 id="4" 改为 id="d4"，然后把css中的 #4 改为 #d4 就OK了！
如果你还不明白怎么回事，就把样式：
#4{
width: 200px;
height: 200px;
display: inline-block;
}
中的#4，分别改成#div1, # div2, #div3.改一个用浏览器看一下，你就会悟出其中的原理了。
- 2 回答
- 0 关注
- 536 浏览
添加回答
举报
0/150
提交
取消