phpwind的代表网站,小程序开发费用是多少,环境搭建好了wordpress怎么建设,如何修改英文WordPress主题首页样式表常用写法及特性#xff08;组合、继承、关联性、权值性、层叠性、重要性#xff09;
1.样式的组合#xff1a;把具有相同声明定义的选择符组合在一起#xff0c;并用逗号隔开。#xff0d;例如#xff1a;段落元素p、单元格元素td和类c1可以使用相同样式#xff…样式表常用写法及特性组合、继承、关联性、权值性、层叠性、重要性
1.样式的组合把具有相同声明定义的选择符组合在一起并用逗号隔开。例如段落元素p、单元格元素td和类c1可以使用相同样式 p,td,.c1{font-size:12pt;font-family:黑体;color:red} 2.样式的继承若子元素未定义则它将继承上级元素的样式的定义。但存在少数属性不能继承。(但注意有一些css样式是不具有继承性的。如border:1px solid red;)
继承时会一直向上找如果在父级找到了就继承父的样式如果父级没找到会去祖级去找找到后会继承祖级的样式。
div{color:red;} span标签会继承div标签的样式
div三年级时我还是一个span胆小如鼠/span的小女孩。/div 3.样式表的关联性
样式表的关联性指在某些样式定义中可以定义某样式仅在某个特定元素范围内才有效。 divspan{font-size:12pt;font-family:黑体;color:red} 4.样式的权值性
p和.first都匹配到了p这个标签上那么会显示哪种颜色呢green是正确的颜色那么为什么呢是因为浏览器是根据权值来判断使用哪种css样式的权值高的就使用哪种css样式。
下面是权值的规则
标签的权值为1类选择符的权值为10ID选择符的权值最高为100。例如下面的代码
p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1 12*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1 1 1012*/
#footer .note p{color:yellow;} /*权值为100 10 1111*/ 5.层叠性
最后 p 中的文本会设置为green这个层叠很好理解理解为后面的样式会覆盖前面的样式。
p{color:red;}
p{color:green;}
p classfirst三年级时我还是一个span胆小如鼠/span的小女孩。/p 6.重要性
我们在做网页代码的时有些特殊的情况需要为某些样式设置具有最高权值怎么办这时候我们可以使用!important来解决。
如下代码
p{color:red!important;}
p{color:green;}
p classfirst三年级时我还是一个span胆小如鼠/span的小女孩。/p
这时 p 段落中的文本会显示的red红色。 更多专业前端知识请上
【猿2048】www.mk2048.com
