Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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 我不懂CSS:第一个孩子_Html_Css - Fatal编程技术网

Html 我不懂CSS:第一个孩子

Html 我不懂CSS:第一个孩子,html,css,Html,Css,我对第一个子选择器有问题。在代码中,我有两个div(这个类),img(在every中)和p(在every中)。当我输入CSS.div class:first child{margin:10}时,在p中添加了一个边距,并且只在第一个div中添加边距 第一个问题:为什么未将保证金添加到img(div中的第一个元素) 第二个问题:为什么只在第一个div中添加边距(第二个div具有相同的类名) 一些文本 一些文本 .单身人士:第一个孩子{ 利润率:0px 0px 130px; } :第一个子元素是

我对第一个子选择器有问题。在代码中,我有两个div(这个类),img(在every中)和p(在every中)。当我输入CSS.div class:first child{margin:10}时,在p中添加了一个边距,并且只在第一个div中添加边距

第一个问题:为什么未将保证金添加到img(div中的第一个元素) 第二个问题:为什么只在第一个div中添加边距(第二个div具有相同的类名)


一些文本

一些文本


.单身人士:第一个孩子{
利润率:0px 0px 130px;
}

:第一个子元素
是一个选择器,用于选择作为第一个子元素的元素,而不是该元素的第一个子元素

要获取
部分的第一个子元素,请使用选择器:

.section-offer-single > :first-child
这也解释了为什么只有第一个
.section offer single
应用了样式——这是因为它是其父项的(唯一)第一个子项

为什么未将保证金添加到img(div中的第一个元素)

选择器是
。部分提供单个:第一个孩子
。虽然
:第一个子项
匹配,
.section-offer-single
不匹配

为什么边距只添加到第一个div(第二个具有相同的类名)

第二个
匹配
。部分提供单个
,但不匹配
:第一个孩子


只有当整个选择器匹配时,选择器才匹配。(请记住,
将多个选择器组合在一个规则集上)