CSS：首字母编码不起作用

Question

我是HTML和CSS的新手。我在使用段落中的伪元素时遇到了问题。我正在写的CSS是

a:first-letter  { 
  font-size:3em;
}

HTML代码

<p>Lorem ipsum, etc to end of paragraph</p>

我们将使用before / after伪元素进行同样的操作。我正在使用的浏览器是Safari。我确定我已正确输入它但它不起作用。感激地收到任何建议。

谢谢，
英格丽

Answer 1

你确实说过段落，但你的CSS规则适用于锚点（链接）而不是段落。

所以你可能想做类似的事情：

p:first-letter { font-size:3em; }

我选中后，:first-letter伪元素确实不适用于内联元素，如果您不想在<a>上使用它，则必须将元素定义为inline-block或block元素：

a { 
    display: inline-block;
    /* Since inline-block doesn't work on IE 7 and below you will need the following hack */
    *display: inline;
    zoom: 1;
}

以下是jsFiddle示例。