作者bcse (Lvx ex Caelis)
看板Web_Design
标题Re: [问题] CSS的选取问题
时间Wed Sep 12 20:51:04 2007
※ 引述《icedesign (不可或缺的咖啡因)》之铭言：
: 想请教一个CSS的问题
: 我在htm网页中，写了有序清单如下
: <ol type="1">
: <li>同胞一代</li>
: <li>同胞二代</li>
: <h1>haha</h1>
: <p>hehe</p>
: <h3>hoho</h3>
: </ol>
: 其中<h1><p><h3>是为了测试这个问题用的。
: 我在CSS中写了以下语法
: li+li {color:green;}
: 照理说，应该是<ol>中的第二个<li>的颜色才会变成绿色，
: 那为什麽连後面三个标签组件也一样会变成绿色呢？
: 照理说那三个标签组件应该跟li+li的选取项无关才对，为什麽也会一起变
: 成绿色呢？
: 请知道的版友教我一下，谢谢！
我用 Firefox, Opera 测试，结果都是只有第二个<li>变成绿色，
所以我猜你是用 IE7 吧？
至於这个问题…我猜是因为 <ol> 里面有 <h1>, <p>, <h3> 这些标签
本来就不合乎 HTML 标准，因此 IE7 自动帮你补上 <li>... XD
<ol> 的孩子只能是 <li>，不过孙子就不管那麽多了
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 134.208.33.185
1F：推 othree:孙子不能是li :P 09/12 21:16
2F：推 bcse:我都忘了这种情况了 XD 09/12 21:48
3F：推 icedesign:嗯嗯，我是为了测CSS2.1，就装了ie7，可是ie7好烂喔... 09/13 17:39