您可以使用.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

html span 字体位置,html – 如何强制span在CSS中使用父字体系列相关推荐

  1. html chrome中引入外部字体,强制Chrome在CSS中使用外部字体

    您可以重命名CSS中的字体,仍然使用远程woff文件.例如: @font-face { font-family: 'RobotoBis'; font-style: normal; font-weigh ...

  2. css如何载入多种字体,在css中包含多种字体的正确方法

    我不是一个简单的时刻.哪种方式是在css中包含多种字体的正确方法?这里是简单的例子.在css中包含多种字体的正确方法 This? @font-face { font-family: Delicious ...

  3. Css中常用中文字体的Unicode编码对照

    Css中常用中文字体的Unicode编码对照 在网页制作中,最常用的恐怕是字体属性了,在调整页面兼容的时候,也常常发现字体名称的原因导致不兼容或乱码,下面给出几种常用字体的ucicode编码对照,方便 ...

  4. php 字体倾斜,CSS中font-style定义字体倾斜体样式的代码示例

    本篇文章给大家带来的内容是关于CSS中font-style定义字体倾斜体样式的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.常用斜体语法 常用字体样式设置font-st ...

  5. CSS中的五大字体家族(cursive 手写字体族更吸引我)

    这是CSS中的五大字体家族. serifserif 中文翻译为"衬线字体族".serif 具有末端加粗.扩张或尖细末端,或以实际的衬线结尾的一类字体.可以看出 serif 总是在文 ...

  6. CSS中的自适应字体大小

    本文翻译自:Responsive font size in CSS I've created a site using the Zurb Foundation 3 grid. 我已经使用Zurb Fo ...

  7. HTML字体怎么显示,教你如何用CSS来控制网页字体的显示样式

    教你如何用CSS来控制网页字体的显示样式 更新时间:2007年02月27日 00:00:00   作者: HTML对于<font>内容</font>卷标只有: <font ...

  8. php语言字体下划线,css中怎么设置字体下划线

    css中设置字体下划线的方法:1.使用"text-decoration:underline;"设置下划线样式:2.通过"border-bottom"属性设置下划 ...

  9. css中的图标字体的实现方案及原理和工具使用

    方案一:利用background-position,专用名词 CSS Sprite(没啥意思就是记不住这个名字)懂原理就好. 要是面试的问我这个我肯定忘了这个单词了.. 这个也是解决前端资源优化的一种 ...

最新文章

  1. 经济独立,是你最大的底气
  2. App字体大小不随系统改变而改变
  3. Python练习3-XML-RPC实现简单的P2P文件共享
  4. 初级php工程师应该具备什么,一名合格的PHP工程师需要掌握的知识结构
  5. Java的新项目学成在线笔记-day14(四)
  6. MFC改变对话框背景图片实例
  7. php开发简易论坛教程,[php] 我的微型论坛的简单教程[已完成]第3/8页
  8. AKKA Inbox收件箱
  9. 按钮加ico图标_花里胡哨系列 —— 自定义U盘图标
  10. 96KB存储器的怎么算地址范围_STM32入门系列-存储器与寄存器介绍
  11. Python环境下工具安装小结
  12. 【实物】端到端自动驾驶搭建教程(四)附完整资料
  13. 伪随机数生成算法-梅森旋转(Mersenne Twister/MT)
  14. android sdk 转移_腾讯微博java(android)sdk关系链api详细介绍
  15. DB2 SQL执行计划
  16. ASCII码16进制对照表
  17. Scrapy 中文手册 0.25 文档
  18. 有一天,你不上班后,打算干什么?
  19. 数据结构与算法Python版-第六周作业
  20. 【转】ARM GIC中断系列(八):gicv3架构-波形为例、系列总结

热门文章

  1. hdu5334(2015多校4)--Virtual Participation(构造)
  2. I.MX6 gpio-keys driver hacking
  3. php程序设计经典300例,第16-20例
  4. Maven实战读书笔记(3)
  5. Mysql-5.5+Heartbeat-3.0.5+DRBD
  6. Asp.net MVC Action大全(转)
  7. Python 之 sorted()排序详解 适用于任意可迭代对象比如列表,字典等
  8. UIAlertControl的使用对比与UIAlertView和UIActionSheet
  9. 使用OLE DB方式连接常用数据库的连接字符串的设置
  10. 10.Springcloud的Zuul