Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 不带id的CSS样式特定div_Html_Css_Css Selectors - Fatal编程技术网

Html 不带id的CSS样式特定div

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

我正在制作一个易趣店面,需要在页面上设置一个元素的样式,但我无法编辑该元素的html

html是这样的

<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不允许这样的事情:)谢谢。。。不幸的是,一些儿童版有自己的利润。谢谢。。。不幸的是,一些儿童版有自己的利润。