首页 >web前端 >html教程 >css样式不起作用??id选择器的优先级不是高于元素选择器吗?_html/css_WEB-ITnose

css样式不起作用??id选择器的优先级不是高于元素选择器吗?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:57:081430浏览

请看代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">div{display:inline;width:100px;height:100px;padding:0;margin:0;float:left;}#div0{ width::400px;height:200px; background-color:black;display:block;float:none;}.div1{ background-color:red;}.div2{ background-color:blue;}.div3{ background-color:yellow;}</style></head><body><div id="div0">  <div class="div1"> 1</div>  <div class="div2"> 2</div>  <div class="div3"> 3</div></div></body></html>

效果图:

按照css的定义,div1,div2,div3都应该横向排列才对呀?为什么呈现效果是纵向的?求教各位


回复讨论(解决方案)

晕!width后面多了个冒号!所以css没起作用
这就是Dreamweaver没有代码检查弊端啊,用VS一下子就看出来错误来了

我也看到了,#div0的样式那里width多了个冒号。

好吧,没人想接分吗?没有就都给楼上了

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn