您可以使用.parent *选择所有子元素,然后将font-family设置为继承.这将有效地覆盖子元素字体并强制所有子元素继承最接近的父元素字体的值.
.parent {
font-family: tahoma;
}
.child {
font-family: cursive,geneva;
}
.parent * {
font-family: inherit;
}
Text
如果你只想定位.child元素,你显然会将选择器更改为.parent .child.
根据您要实现的目标,还值得一提的是,您可以使用直接子选择器>,以便仅定位直接子项:.parent> *.
.parent {
font-family: tahoma;
}
.descendant {
font-family: cursive,geneva;
}
.parent > * {
font-family: inherit;
}
Direct child. Not a direct child
@H_404_10@
@H_404_10@
总结
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
小编个人微信号 jb51ccc
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!