风格特定字母

我目前的HTML：风格特定字母

<a href="#" id="word">T<span style="font-size: 28px;">est</span><span style="color: pink;">W<span style="font-size: 28px;">ord</span></span></a>

这是可怕的搜索引擎优化。理想情况下，我希望做锚标记的所有造型：

<a href="#" id="word">TestWord</a>

我知道有一个:first-letter选择，但我怎么能修改nth信让我expeced输出？

2013-03-19 O P

您可以使用JavaScript来获取'nth'信，并与一类的跨度包裹。搜索引擎不解释JavaScript，所以这不会影响搜索引擎优化。 – Cristy 2013-03-19 21:58:18

目前无法通过CSS定位n-th letter。有一些呼吁CSS允许n-th未来的一切，但截至今日，没有这样的运气。

目前，您可能不得不使用一些JS方法来解决这个问题。

2013-03-19 22:00:04 Steve

添加span元素与您需要单个字母的CSS。

<a href="#" id="word">Test<span class="classname">W</span>ord</a>

2013-03-19 21:51:30 suspectus

对于SEO而言，这与其使用inline-css的方式相比如何更好？ – Cristy 2013-03-19 21:57:09

这并不能真正解决OP的问题。这只是用一个类名替换了内联样式（我猜这只是为了演示目的）。 OP想要的是一种不包含任何''元素的方式，但是直接通过CSS来定位特定的字母。 – Steve 2013-03-19 21:57:32

它将风格与内容分开。在这方面它更好。我不知道一个：第五个字母的CSS选择器。 – suspectus 2013-03-19 22:03:55

棘手的，是的，但更快乐的搜索引擎优化，也：

<h1>TestWord</h1> 

h1 { 
    color: pink; 
} 
h1:before { 
    content: "Test"; 
    position: absolute; 
    left: 8px; 
    color: red; 
}

2013-03-19 22:30:23 vals

回答