[英]set font-size for appended text only
当前,链接的描述如下:
<a href="#">description</a>
现在,我将在描述后添加文本:
$('a').append('>')
如何仅将字体大小用于附加文本?
description>
// ^^^ setting font-size for this only
// this won't work
$('a').append('>').css('font-size','20px')
由于某些原因,我不想用span包裹附加的文本。
我对正则表达式了解不多,但希望可以使用正则表达式来完成。
你可以尝试使用:after
伪元素,但额外的内容将是链接文本的一部分,而不是出现后马上关闭的a
标签。
如果关闭文本装饰,则可以使用此设计模式。
然后,您可以使用jQuery将“标记”类添加或切换到适当的链接。
a { text-decoration: none; transition: background-color 1s ease-in-out; } a:hover { background-color: lightblue; } a.marked:after { /* content: '>'; this also works... */ content: '\\3e'; /* '3e' is the hex code for the > symbol */ font-size: 2.0em; margin-left: 10px; vertical-align: middle; }
<a href="#">description</a> <br><br> <a class="marked" href="#">description</a>
参考:实体的十六进制代码可在以下位置找到:
您需要将添加的字符包装在元素中,以便可以在其上设置样式。 这可以通过多种方式完成,例如
$('a').append('<span style="font-size: 20px">></span>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="#">description</a>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.