Jquery:在第二行上定位文本节点的一部分

时间:2014-02-25 23:20:20

标签: javascript jquery css

我不知道这是否可行。我有一个带有一些文字的h2标签:

<div>
    <h2>Here Goes a Big Sample Slider</h2>
</div>

它是短宽度div中的一个大字体。

h2{
    font-size: 69px
}
div{
    width: 600px;
}

所以它分成2行。这是一个JSfiddle:http://jsfiddle.net/6Qypv/

我想始终将句子中的第二行作为目标,无论句子是什么(它都是用户生成的),所以我可以将它包装在一个span中并给它一些属性。但是,我无法直接更改HTML。

谢谢

1 个答案:

答案 0 :(得分:1)

您可以尝试使用:first-line伪元素执行以下操作:

 h2:first-line { /* Normal style */
        font-size: 69px
 }
 h2 { /* Second line */
        font-size:13px;
 }

Sample fiddle