闲来无事，出道题考考大家~
css吧
全部回复
仅看楼主
level 13
圣龍骑士 楼主
<ul>
<li>1</li>
<li>2</li>
<li>
<ul>
<li>3</li>
<li>4</li>
</ul>
</li>
<li>5</li>
<li>6</li>
</ul>
<ul>
<li>7</li>
<li>8</li>
</ul>
不能修改HTML代码，只写css代码，怎么达到以下效果？ 怎么写都行，看谁写得最简~
2013年06月24日 11点06分 1
level 13
圣龍骑士 楼主
@繁花终有落 @宁心静气 @浪☆飞舟 @shiny小牙 @咕的luck @躲在花中笑 @qq1406554120 @sunky2021 @军哥绝爱 @
很阴险
2013年06月24日 11点06分 2
圣龍骑士
看清楚题目要求啊，只能写css代码，不能再修改上述html代码，至于为什么，就是空闲玩玩啦。效果是2数字为红色的。
2013年06月24日 12点06分
圣龍骑士
@谷歌App
2013年06月24日 13点06分
shiny小牙
到。
2013年06月24日 16点06分
level 8
sunky2021
→_→啥事
2013年06月24日 11点06分 3
圣龍骑士
看题~ 求破~
2013年06月24日 12点06分
sunky2021
回复 圣龙骑士 :给li里面的ul不就完了→_→
2013年06月24日 12点06分
圣龍骑士
回复 sunky2021 :看清楚题目要求，把码贴出来就行~
2013年06月24日 12点06分
sunky2021
回复 圣龙骑士 :- -用考虑兼容性不···
2013年06月24日 14点06分
level 8
sunky2021
ul li ul li{ color:#000;}li + li {font-weight:bold; color:#F00}
li + li +li{ color:
#000;}ul + ul li { color:#
000; font-weight:bold;}
2013年06月24日 14点06分 5
圣龍骑士
简单粗暴~ 大神犀利~ 满分~ 希望能看到更加简短的~
2013年06月24日 14点06分
qq1406554120
[拜]大神
2013年06月25日 07点06分
.Yang
和我出现同样的问题。数字3那行换行不行。。
2013年06月25日 09点06分
.Yang
火狐不行IE行- -
2013年06月25日 09点06分
level 8
sunky2021
用了选择器 - -这是我能想到的
其他暂时没思路··
2013年06月24日 14点06分 6
level 8
sunky2021
其实还有更狠的··- -作个图片·然后铺成背景
再把结构部分隐藏掉··哈哈哈哈····[滑稽]
2013年06月24日 15点06分 7
level 11
芝士猪柳蛋帕尼尼
3 4 空心的？没用过
2013年06月25日 00点06分 8
吼吼胡子
li里面套li默认是空心[吐舌]
2013年06月25日 14点06分
芝士猪柳蛋帕尼尼
回复 吼吼胡子 :[啊]真是富有趣味性的.. 福利彩
2013年06月27日 09点06分
level 9
qq1406554120
收工[胜利]
<style type="text/css">
*{margin:0; padding:0;}
ul{margin-left:100px;}
.c1{ color:#f00;}
</style>
</head>
<body>
<ul>
<li>1</li>
<li class="c1">2</li>
<li>
<ul>
<li>3</li>
<li>4</li>
</ul>
</li>
<li>5</li>
<li>6</li>
</ul>
<ul>
<li>7</li>
<li>8</li>
</ul>
2013年06月25日 06点06分 9
圣龍骑士
0分！~
2013年06月25日 07点06分
qq1406554120
回复 圣龙骑士 :[哈哈哈]+1
2013年06月25日 07点06分
yesoso1
[吐舌]+1
2013年08月01日 08点08分
level 4
.Yang
ul:first-child li:nth-child(2){color:red;}
ul:first-child li:nth-child(3) ul li{color:#000;}
确实没办法了，3换行那里不知道怎么弄。。求大神
2013年06月25日 09点06分 10
圣龍骑士
换行那里是firefox没有这个效果，不是题目愿意~ 可忽略 -。- 我本来的代码也是这么写，但是还是觉得sunky那个写得好~
2013年06月25日 09点06分
.Yang
回复 圣龙骑士 :如果得全部兼容。。那得把他那段一起放进去- -。因为我这个是css3才有的属性。。也就是说IE9以下不行吧- -。把他那段放进去就都可以兼容了
2013年06月25日 09点06分
sunky2021
回复 AccpHello : - -哎 还没看CSS3呢··主要一直做PC端移动端项目基本没有接触 哎··
2013年06月25日 09点06分
level 11
stephyう吖东
这个如何？应该算比较简洁的写法吧
body>ul:first-child>li:first-child+li {
color:#f00;font-weight:bold;
}
2013年06月25日 16点06分 11
圣龍骑士
这个可以~ 按理说一般ul都有父元素，我们都没有把body考虑进去，你这也挺好~ 满分!~
2013年06月26日 01点06分
sunky2021
回复 圣龙骑士 :嗯 嗯
2013年06月27日 10点06分
level 1
爱你一万年1999
我也帖一个先设定都是红色然后再把其它的抹黑
li+li{color:red;}
ul+ul>li{color:black;}
li>ul li{color:black;}
li+li+li{color:black;}
2013年07月19日 16点07分 12
流年丶小贼猫
[泪] 这+ > 这几个符号是什么呀，大神
2013年07月22日 06点07分
圣龍骑士
回复 流年丶小贼猫 :选择符
2013年07月24日 13点07分
level 1
爱你一万年1999
突然发现跟第一个做
正确的
那孩子是一个答案。
2013年07月19日 16点07分 13
sunky2021
→_→孩子……
2013年07月24日 10点07分
level 7
tw3117
ul:first-child li:nth-child(2) {
color: red
}
ul:first-child li ul li:nth-child(2) {
color: black
}
2013年07月30日 07点07分 14
1