CSS 样式继承 inherit 属性

inherit 属性

在CSS中，子元素会继承了父元素的一些样式属性。能够继承到子类的样式属性非常有限，仅是 文字、字体、颜色... 子类如果还想继承父类的属性，可以通过inherit 强制继承。

通过编辑器做了个合同管理的系统，要求就是上传的合同展示在页面上必须几乎相同，并且需要在浏览器上能填写合同，由于编辑器用的一般是和标签，为了区分我就选了标签作为标签的子标签,用于我自己自定义东西;

于是出现了这个情况，

第一个是需要粗体的，第二个是不需要的，这种时候用“font-weight: inherit; ” 继承父标签的font-weight属性就可以完美解决这个问题，实现在编辑器中加粗转换成HTML输入框时，输入的字体也会加粗，同理字体大小，样式也可以通过该方式继承。

<p><span style="font-weight: bold;"><span>甲方：</span><strong style="font-weight: inherit;">隔热个人</strong></span><span style="font-weight: 400;"><span>电话：</span><strong style="font-weight: inherit;">136564</strong></span>
</p>

CSS 样式继承 inherit 属性相关推荐

html css inherit,CSS 继承 inherit属性的方法
给定一张有如下背景图的 div: 制作如下的倒影效果: 方法很多,但是我们当然要寻找最快最便捷的方法,至少得是无论图片怎么变化, div 大小怎么变化,我们都不用去改我们的代码. 法一:-webkit ...
css样式继承规则详解
css样式继承规则详解一.总结一句话总结:继承而发生样式冲突时,最近祖先获胜(最近原则). 1.继承中哪些样式不会被继承? 多数边框类属性,比如象Padding(补白),Margin(边界),背景 ...
html+jquery+添加样式,jquery设置css样式、style属性示范
jquery设置css样式.style属性示例 css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery ...
css可继承的属性有哪些？
css可继承的属性有哪些可继承的属性:文本类:text-indent.text-align.line-height.word-spacing.letter-spacing.text-transfor ...
前端基础 CSS 第十一章使用CSS样式表特效属性部分 ----暑假学习第九天
第十一章使用CSS样式表 11.8 定位属性使用定位属性可以控制元素的位置,包括相对定位和绝对定位两种方式.相对定位指允许元素在相对于文档布局的原始位置上进行偏移,而绝对定位是指允许元素与原始文档 ...
jquery设置css样式、style属性示例（超强解析）
jQuery 一.CSS 1.css(name) 2.css(properties) 3.css(name,value) 二.位置 1.offset() 2.position() 3.scrollTo ...
前端工程师实战开发：CSS样式继承、像素与选择器权重详解
餐厅练习具体看resource文件夹或者百度继承 <body>我是p元素我是p里面的span ...
css样式鲜为人知的属性
text-transform:capitalize:none . uppercase . lowercase . capitalize vertical-align 以基线为参照上下移动文本,但这个属 ...
css样式中的属性区分大小写吗,css属性区分大小写吗？
css属性一般不区分大小写,CSS对大小写不敏感.不过存在一个例外:如果涉及到与HTML文档一起工作的话,class和id名称对大小写是敏感的:且有时css的属性选择器对于属性值是区分大小写的,而对于 ...

CSS 样式继承 inherit 属性

inherit 属性

CSS 样式继承 inherit 属性相关推荐

最新文章

热门文章