gpt4 book ai didi

html - 具有 first-child 伪语法的 CSS ID 选择器使用空格是否正确?

转载 作者:行者123 更新时间:2023-12-05 08:33:30 25 4
gpt4 key购买 nike

<分区>

我已经看到建议使用以下格式使用第一个子伪选择器的答案:

/* Type */
P:first-child {
margin:0px;
}

/* Class */
.myClass:first-child {
margin:0px;
}

/* ID */
#myDiv:first-child {
margin:0px;
}

在我的例子中,我是按 ID 选择的。我只看到少数人使用 ID。在我的代码中,除非像这样在 ID 和伪类之间放置一个空格,否则我无法让它工作:

#myDiv :first-child {
margin:0px;
}

这是正确的吗?

这是我正在使用的代码:

<div id="richText59">
<UL>
<LI>
<FONT FACE="Verdana" COLOR="#000000" LETTERSPACING="0" KERNING="1" style="font-size:12px">Bullet List</FONT>
</LI>
</UL>
</div>

<div id="RichText808">
<P ALIGN="left">
<FONT FACE="Verdana" COLOR="#000000" LETTERSPACING="0" KERNING="1" style="font-size:12px">
<B>
<I>Rich Text</I>
</B>
</FONT>
</P>
<P ALIGN="left">
<FONT FACE="Verdana" COLOR="#000000" LETTERSPACING="0" KERNING="1" style="font-size:12px">
<B>
<I>paragraph two</I>
</B>
</FONT>
</P>
</div>

CSS:

#RichText808  {
position:absolute;
top:107px;
left:35px;
width:240px;
display:inline-block;
height:166px;
display:inline-block;
margin-top:-0.2em;
margin-top:0;
}

#richText59 {
position:absolute;
top:107px;
left:335px;
width:240px;
display:inline-block;
height:166px;
display:inline-block;
margin-top:-0.2em;
}

在上面的 HTML 标记中,div 的内容会发生变化。我不控制内容。问题是 div 的内容被向下推了大约 10px。

通过使用 first-child 选择器,我可以删除将内容向下推的边距。所以是的,我确实有容器元素的 ID,但无法控制该元素的内容。

enter image description here

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com