代码之家  ›  专栏  ›  技术社区  ›  O P

单词中特定风格的字母[重复]

  •  4
  • O P  · 技术社区  · 13 年前

    我当前的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>
    

    这对SEO来说太可怕了。理想情况下,我希望对锚点标签进行所有造型:

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

    我知道有一个 :first-letter 选择器,但我如何修改 nth 写信并得到我的预期输出?

    jsFiddle: http://jsfiddle.net/HUGKv/1/

    3 回复  |  直到 13 年前
        1
  •  4
  •   Steve    13 年前

    目前没有目标 n-th letter 通过CSS。有人呼吁CSS允许 n-th 未来的一切,但到今天为止,没有这样的运气。

    目前,您可能需要使用一些JS方法来解决这个问题。

        2
  •  1
  •   vals    13 年前

    技巧,是的,但更快乐的SEO,还有:

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

    fiddle

        3
  •  0
  •   suspectus    13 年前

    添加一个span元素,其中包含您对单个字母所需的CSS。

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