博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css中可以和不可以继承的属性
阅读量:5244 次
发布时间:2019-06-14

本文共 918 字,大约阅读时间需要 3 分钟。

不可继承的:

1 display、margin、border、padding、background2 height、min-height、max- height3 width、min-width、max-width、overflow4 position、left、right、top、 bottom、z-index5 float、clear、table-layout、vertical-align6 page-break-after、 page-bread-before和unicode-bidi

不可继承:也就是指子节点不能继承父节点的属性

简单举例:

1 
2 父节点3

这是子节点

4

如图所示:

 

如果子节点能继承父节点的border属性,那么也会有一个红色边框。

所有元素可继承:

visibility和cursor

内联元素可继承:
letter-spacing、word-spacing、white-space、line-height、color
font、font-family、font-size、font-style、font-variant、font-weight
text- decoration、text-transform、direction
块状元素可继承:

text-indent和text-align

列表元素可继承:

list-style、list-style-type、list-style-position、list-style-image

表格元素可继承:

border-collapse

相反,可继承就是父节点设置了这个属性后,子节点就可以继承他的属性,

权重的比较:

标签选择器(1)<类选择器(10)<id选择器(100)<行内样式<!important

因而它有更高的权重。当有多个规则都能应用于同一个元素时,权重越高的样式将被优先采用。而继承
属性的特性值为0;也就是说,任何一条与css继承值冲突的属性值都会覆盖继承的属性值!!!

转载于:https://www.cnblogs.com/uiiu/p/5977648.html

你可能感兴趣的文章
ListView下拉刷新实现
查看>>
Jmeter接口压力测试,Java.net.BindException: Address already in use: connect
查看>>
【7集iCore3基础视频】7-4 iCore3连接示意图
查看>>
ASP.NET使网页弹出窗口不再困难
查看>>
Leetcode Balanced Binary Tree
查看>>
Day1:Spring-IoC、DI
查看>>
Leetcode 92. Reverse Linked List II
查看>>
TensorFlow2-维度变换
查看>>
Redux源码分析之createStore
查看>>
POJ 2060 最小路径覆盖
查看>>
label标签作用
查看>>
Selenium2之Web自动化编写配置(Java)
查看>>
windown快速安装xgboost
查看>>
tarjan(缩点)
查看>>
Lombok插件
查看>>
Linux上安装Libssh2
查看>>
自定义EL函数
查看>>
stm32的电源
查看>>
splice的多种用法
查看>>
20162304 2017-2018-1 《程序设计与数据结构》第二周学习总结
查看>>