html h2 不能改变大小,为什么给h2设置字体大小不生效呢? |
您所在的位置:网站首页 › h2设置 › html h2 不能改变大小,为什么给h2设置字体大小不生效呢? |
这里把font-size:16px;挪到h2的样式里,页面显示字体大小无变化。 如果把*{font-size:12px;}去掉的话,h2设置字体大小就有生效。 *选择器就是重置所有标签的样式,也就是a的字体就是12px,而你在h2里设不设置字体大小,并不会影响字体a的大小。 下面的情况去掉*的字体大小,那a没有设置字体大小的话,默认继承的是父级的 第一种情况,你设置了 a 的 font-size 为 16px ,所以是有效。 第二种情况,你把属性设置移到了 h2 里,此时如果没有 * { font-size: 12px; } 的话文字字号应该是不变的,因为 a 标签会继承父元素 h2 的属性,但是因为有通配符 * 的存在,它选择了所有的标签并设置了字号,所以它的设置会覆盖继承自 h2 的属性, that’s all sorry,之前因为代码书写错误导致没有重现问题哦~~ Title *{ font-size:12px; } h2{ font-size: 16px; text-align: center; } h2 a:link,h2 a:visited{ color:red; } h2 heading descendant elements that are absolutely positioned. Therefore, the absolutely> ~h2 a的字体大小是16px啊~ CSS中通过选择器的特殊性值来安排样式属性的优先级及最终的使用值 *通配符的特殊性为0 而继承属性的特殊性没有,连0都没有,你可以假想的认为为一个-1 那么对于h2 a从h2中继承的font-size属性而言其特殊性没有 小于*通配符的特殊性0 所以浏览器将采用通配符指定的font-size样式~~~ |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |