62,267
社区成员
发帖
与我相关
我的任务
分享CSS中的大于号肿么就不好用那？
以下是代码：
注意不生效的是如下的代码：
如果改成：
就生效了，但是不是我要的效果。
请帮忙看看，谢谢
<html>
<head>
<title></title>
<style type="text/css">
#div1
{
width:500px;
border:solid 1px black;
}
#div1 > DIV
{
color:Red;
}
</style>
</head>
<body>
<div id="div1">
here is parent
<div id="childDiv1">childDiv1
<div id="childDiv1-1">
childDiv1-1
</div>
</div>
<div id="childDiv2">childDiv2</div>
<div id="childDiv3">childDiv3</div>
<div id="childDiv4">childDiv4</div>
</div>
</body>
</html>
注意不生效的是如下的代码：
#div1 > DIV
{
color:Red;
}
如果改成：
#div1 DIV
{
color:Red;
}
就生效了，但是不是我要的效果。
请帮忙看看，谢谢
...全文
请发表友善的回复…
发表回复
乌镇程序员 2012-03-31
- 打赏
- 举报
下面这篇博文中提到这样一句话：如果嵌套的父子标签是同一种标签，子选择器的设置也将使用无效，不过在CSS2.1规范原文中并没有相关的提示或说明。楼主还是用class解决吧，子选择器在这种情况下确实是无效的。
乌镇程序员 2012-03-31
- 打赏
- 举报
[Quote=引用 4 楼 的回复:]
引用 3 楼 的回复:
显示完全正常啊，我怀疑你想要写的样式是这个：
CSS code
#childDiv1 > div {
color:Red;
}
我是想让childDiv1, childDiv2, childDiv3, childDiv4的字体颜色变成红色
[/Quote]
是的，我弄错了。但是很奇怪，在Chrome、Safari显示也是有问题的。
引用 3 楼 的回复:
显示完全正常啊，我怀疑你想要写的样式是这个：
CSS code
#childDiv1 > div {
color:Red;
}
我是想让childDiv1, childDiv2, childDiv3, childDiv4的字体颜色变成红色
[/Quote]
是的，我弄错了。但是很奇怪，在Chrome、Safari显示也是有问题的。
time_is_life 2012-03-31
- 打赏
- 举报
原来是IE Document Mode的问题。换一下就好了，我顶你个肺。
gio301 2012-03-31
- 打赏
- 举报
我也发现过这个问题。最终也没知道原因
time_is_life 2012-03-31
- 打赏
- 举报
[Quote=引用 3 楼 的回复:]
显示完全正常啊，我怀疑你想要写的样式是这个：
CSS code
#childDiv1 > div {
color:Red;
}
[/Quote]
我是想让childDiv1, childDiv2, childDiv3, childDiv4的字体颜色变成红色
显示完全正常啊，我怀疑你想要写的样式是这个：
CSS code
#childDiv1 > div {
color:Red;
}
[/Quote]
我是想让childDiv1, childDiv2, childDiv3, childDiv4的字体颜色变成红色
乌镇程序员 2012-03-31
- 打赏
- 举报
显示完全正常啊，我怀疑你想要写的样式是这个：
#childDiv1 > div {
color:Red;
}
time_is_life 2012-03-31
- 打赏
- 举报
[Quote=引用 1 楼 的回复:]
子选择器不被IE6支持
[/Quote]
我用的是IE9
子选择器不被IE6支持
[/Quote]
我用的是IE9
Acesidonu 2012-03-31
- 打赏
- 举报
子选择器不被IE6支持
