為什么代碼一樣顯示的樣式不一樣呢？
老師寫的是.demo01.left我這樣子寫樣式不變，但我改為.left就能夠顯示和老師一樣的樣式了，請問這是為什么呢？
三分鐘熱度的Kiki
2016-07-07
4 回答
舉報
0/150
提交
取消
2016-07-07
代碼貼出來看看
2016-07-27
其實老師是加了空格的.demo01 .left只不過空格比較小，不是很明顯。在這段代碼中只有一個.left所以你直接寫left也是對的，但是如果有多個.left的時候會導致所有的.left 都設置成相同的樣式。.demo01 .left表示在class為demo01的父級div下的class為left的子級div?？梢栽趙3cschool上查后代選擇器，里面有詳細的解釋。
2016-07-07
清除默認樣式試試。
2016-07-07
<style type="text/css">
body,p,h1,h2,h3,h4,h5,h6,form,ul,ol,hr{margin:0;padding:0;font:14px/1.5,normal,"Arial","sans-serif","微軟雅黑","宋體","Tahoma";color:#666} ul,ol{list-style:none;ss}
.demo01{width:600px; }
.left{width:100px;float:left;}
.right{width:500px; float:right;}
</style>
</head>
<body>
<div class="demo01">
? ? <div class="left">
? ? ? ? <img src="烘焙top榜/ALEX 1.jpg"/ width="60" height="80">
? ? </div>
? ? <div class="right">
? ? ? ?
? ? ? ? <h6>kiki</h6>?
? ? ? ? <p>隨著互聯網的發展速度迅猛，前端工程師職業越來越火熱，想學習Web前端技能嗎 ? 該路徑從基礎知識到實戰案例演練，一步步帶您快速掌握如何搭建網站靜態頁面、開發網站交互特效，為您打開WEB前端工程師大門。還在等什么？快來學習吧!</p>?
? ? ? ? <span>10分鐘之前</span>
? ? </div>
</div>
</body>
</html>