Html 不带id的CSS样式特定div
我正在制作一个易趣店面,需要在页面上设置一个元素的样式,但我无法编辑该元素的html html是这样的Html 不带id的CSS样式特定div,html,css,css-selectors,Html,Css,Css Selectors,我正在制作一个易趣店面,需要在页面上设置一个元素的样式,但我无法编辑该元素的html html是这样的 <td id="blah"> <div> <div>.... </div> </div> <div>.... </div> </td> .... .... 我需要给两个部门都加一个保证金 …但不是那些部门的儿童部门 我尝试的css是#blah div{mar
<td id="blah">
<div>
<div>....
</div>
</div>
<div>....
</div>
</td>
....
....
我需要给两个部门都加一个保证金
…但不是那些部门的儿童部门
我尝试的css是
#blah div{margin:5px;}
,但这当然影响了子div。您可以使用您拥有的,只需添加另一个选择器来覆盖子div:
#blah div
{
margin:5px;
}
#blah div div
{
margin: 0;
}
试一试:)您可以使用您拥有的,只需添加另一个选择器来覆盖子项:
#blah div
{
margin:5px;
}
#blah div div
{
margin: 0;
}
试一试:)您需要的是子对象,而不是后代选择器:
#blah > div
#blah > div {margin:5px;}
您需要的是子代选择器,而不是子代选择器:
#blah > div
#blah > div {margin:5px;}
有一个选择器:
#blah > div
#blah > div {margin:5px;}
但很遗憾,这仍然是许多观众的一个考虑因素
最好在要设置样式的框中添加一个类:
<td id="blah">
<div class="box">
<div>....
有一个选择器:
#blah > div
#blah > div {margin:5px;}
但很遗憾,这仍然是许多观众的一个考虑因素
最好在要设置样式的框中添加一个类:
<td id="blah">
<div class="box">
<div>....
我正要发布这个,在Chrome中演示,但它不起作用?直接子选择器,而不是新类(OP无法添加类)请参见:@Myles,这是因为您使用的是表上下文之外的
。当您将其更改为div时,它可以工作:但是,字体大小是继承给子级的属性之一,因此文本不准确:)啊哈,非常聪明,我不知道CSS不允许这样的事情:)刚刚要发布,在Chrome中演示,但它不工作?直接子级选择器,而不是新类(OP无法添加类)请参见此处:@Myles,这是因为您使用的是表上下文之外的
。当您将其更改为div时,它可以工作:但是,字体大小是继承给子级的属性之一,因此文本不准确:)啊哈,非常聪明,我不知道CSS不允许这样的事情:)谢谢。。。不幸的是,一些儿童版有自己的利润。谢谢。。。不幸的是,一些儿童版有自己的利润。