Html CSS:缩小继承字体大小的方法?

Html CSS:缩小继承字体大小的方法?,html,css,pseudo-element,pseudo-class,Html,Css,Pseudo Element,Pseudo Class,我正在尝试将内容添加到目标为“\u blank”的每个超链接的::后面的伪元素中 但是,不同的a元素都有不同的大小,我希望::after元素中的内容与此相应 例如,如果a元素具有字体大小:10px,我希望添加的内容具有字体大小:8px-父内容大小80%的恒定比例 如果不向每个a元素添加类,CSS中是否有方法采用继承的字体大小并对其进行缩放 a[target=\u blank]::之后{ 内容:“酒吧”; 字体大小:10px; } 0.8em=当前字体大小的80%: a[target=“\

我正在尝试将内容添加到目标为“\u blank”的每个超链接的
::后面的
伪元素中

但是,不同的
a
元素都有不同的大小,我希望
::after
元素中的内容与此相应

例如,如果
a
元素具有
字体大小:10px
,我希望添加的内容具有
字体大小:8px-父内容大小80%的恒定比例

如果不向每个
a
元素添加类,CSS中是否有方法采用继承的字体大小并对其进行缩放

a[target=\u blank]::之后{
内容:“酒吧”;
字体大小:10px;
}



0.8em=当前字体大小的80%:

a[target=“\u blank”]{
字体大小:25px;
}
[目标=_blank]::之后{
内容:“酒吧”;
字号:0.8em;
}



0.8em=当前字体大小的80%:

a[target=“\u blank”]{
字体大小:25px;
}
[目标=_blank]::之后{
内容:“酒吧”;
字号:0.8em;
}



0.8em=当前字体大小的80%:

a[target=“\u blank”]{
字体大小:25px;
}
[目标=_blank]::之后{
内容:“酒吧”;
字号:0.8em;
}



0.8em=当前字体大小的80%:

a[target=“\u blank”]{
字体大小:25px;
}
[目标=_blank]::之后{
内容:“酒吧”;
字号:0.8em;
}



您可以使用
em
而不是
px
em
元素是相对于其容器的<代码>字体大小:1em
表示其父级字体大小的100%
字体大小
。如果父元素的
font size
16px
,并且您给它的一个子元素的
font size
1em
,则字体大小将根据父元素的字体大小计算为
16px
1em
=父元素字体大小的100%)

下面是一个演示:

a{
字体大小:20px;
}
a[target=“_blank”]::之后{
内容:“酒吧”;
字体大小:0.8em;/*80%的父字体*/
}



您可以使用
em
而不是
px
em
元素是相对于其容器的<代码>字体大小:1em
表示其父级字体大小的100%
字体大小
。如果父元素的
font size
16px
,并且您给它的一个子元素的
font size
1em
,则字体大小将根据父元素的字体大小计算为
16px
1em
=父元素字体大小的100%)

下面是一个演示:

a{
字体大小:20px;
}
a[target=“_blank”]::之后{
内容:“酒吧”;
字体大小:0.8em;/*80%的父字体*/
}



您可以使用
em
而不是
px
em
元素是相对于其容器的<代码>字体大小:1em
表示其父级字体大小的100%
字体大小
。如果父元素的
font size
16px
,并且您给它的一个子元素的
font size
1em
,则字体大小将根据父元素的字体大小计算为
16px
1em
=父元素字体大小的100%)

下面是一个演示:

a{
字体大小:20px;
}
a[target=“_blank”]::之后{
内容:“酒吧”;
字体大小:0.8em;/*80%的父字体*/
}



您可以使用
em
而不是
px
em
元素是相对于其容器的<代码>字体大小:1em表示其父级字体大小的100%
字体大小
。如果父元素的
font size
16px
,并且您给它的一个子元素的
font size
1em
,则字体大小将根据父元素的字体大小计算为
16px
1em
=父元素字体大小的100%)

下面是一个演示:

a{
字体大小:20px;
}
a[target=“_blank”]::之后{
内容:“酒吧”;
字体大小:0.8em;/*80%的父字体*/
}



您已经讨论过使用百分比的相对大小,您试过了吗?因为这解决了您的问题。@AndersRehn它似乎不起作用-在80%时,之后的
内容比元素内容大得多。您已经讨论过使用百分比的相对大小,您试过了吗?因为这解决了您的问题。@AndersRehn它似乎不起作用-在80%时,
之后的
内容比元素内容大得多。您已经讨论过使用百分比的相对大小,您试过了吗?因为这解决了您的问题。@AndersRehn它似乎不起作用-在80%时,
之后的
内容比元素内容大得多。您已经讨论过使用百分比的相对大小,您试过了吗?因为这解决了您的问题。@AndersRehn它似乎不起作用-在80%的情况下,
之后的
内容比元素内容大得多。谢谢,完美,我会尽快接受这个答案。或者简单地使用
字体大小:80%
。谢谢,完美,我会尽快接受这个答案。或者简单地使用
font-size:80%
。谢谢,完美,我会尽快接受这个答案。或者简单地使用
font-size:80%
。谢谢,完美,我会尽快接受这个答案。或者简单地使用
font-size:80%