是否可通过一行CSS为导航菜单内所有锚点链接设置字体大小,下述写法是否可行?
结论
这个CSS写法不一定能实现需求,实际效果取决于全局样式中是否对锚点标签有单独的字体大小设置。
具体原因
- font-size属于默认可继承的CSS属性,如果你没有给
<a>标签单独设置过font-size规则,那么<ul>上设置的1.5rem会逐层继承给子元素<li>,再继承到<a>标签,此时可以实现需求。 - 但如果你在其他样式规则中给
<a>标签单独设置过字体大小(比如常见的全局样式重置a {font-size: 1rem;}),那么直接命中元素的样式优先级会高于继承来的样式,此时<a>标签不会沿用<ul>的1.5rem字号,需求无法实现。
更稳妥的实现写法
直接选中导航内的锚点标签,避免继承失效的问题:
/* 写法1:精准命中结构 */ nav ul li a { font-size: 1.5rem; } /* 写法2:简写,适配导航内所有锚点链接 */ nav a { font-size: 1.5rem; }
内容的提问来源于stack exchange,提问作者iv061395
相关产品推荐
相关产品推荐

