Html ID中的Psuedo类选择器

如果能在CSS中为ID使用Psuedo选择器提供一些帮助，我将不胜感激。我似乎无法用小写字母显示ID的第一行。我的CSS和相应的HTML都包含了一个片段供参考

#introtext {
     margin: 0px 0px 20px 0px;
     background: transparent;
     font-face: "arial black";
     font-size: 22px;
     font-weight: bold;
     letter-spacing: .1em;
     line-height: 1;
     text-align: center;
     }

#introtext:first-line {
     font-variant: small-caps;
     }

HTML:

给你
查找童子军相关网站和表格的链接。

也许。。。 …您的期望不正确（我知道您的代码有错误）。虽然我同意这里的评论，即您的代码正在按预期工作，但我猜测您正在尝试一些不同的东西

第一句话要大写吗？

我注意到您的代码中有“开始”标记

，但您没有为该

添加结束标记。这是一个错误。但是，如果您的意图是将整个第一句变成

小大写

，那么您的代码仍然不起作用，因为

：first-line

伪元素看的不是第一句，而是第一行（根据容器宽度而变化）

另外

最好不要在id中使用

，因为

用于指定类。也许你真正想要的就是上课

最后，一个解决方案？

如果我对您的目标的推测是正确的，那么我建议您按照以下步骤进行操作（保持您的

#introtext

css不变，但更改html和

：第一行
代码）

HTML

尽管

看起来好像您打算将其作为标题（因为文本居中），因此类似这样的内容可能更具语义，也不需要将前导“H”分开（除非您希望旧的浏览器支持）

HTML


在这里你可以找到童子军相关网站的链接
和表格。第二句话后面还有更多的文字。还有第三个。
废话。废话。

CSS

#简介{
保证金：0px 0px 20px 0px；
背景：透明；
字体：arial黑色；
字体大小：22px；
字体大小：粗体；
字母间距：.1米；
线高：1；
文本对齐：居中；
字体变体：小大写；/*这是正确的，应该可以工作，除非你有另一个选择器覆盖它。你重新构建了你的页面和CSS吗？它工作得很好，我发现你的代码在IE、Chrome和FF中工作得很好。对了，FF22这是一个伪元素选择器，不是伪类。两个不同的东西。Y你不能把它们叫做“伪选择器”。
 <div id="introtext"><span id="introcap">H</span><span id="introtext.first">ere you will       
 find links to Scouting related websites and forms.</div>

 <div id="introtext">
   <span id="introcap">H</span><span class="first-sentence">ere you will find  
   links to Scouting related websites and forms.</span> More text to follow 
   in a second sentence. And a third. Blah. Blah.
 </div>

<div>
  <h2 id="introtext">Here you will find links to Scouting related websites 
  and forms.</h2> More text to follow in a second sentence. And a third. 
  Blah. Blah.
</div>