首页
产品
快图
小程序
微商城
网站建设
新闻
公司动态
行业资讯
关于
案例
联系
CSS实例教程:优先选择级难题的考虑到案例
2021-01-20 17:22
jianzhan
假如同个元素有两个或以上矛盾的CSS标准,访问器有1些基础的标准来决策哪个十分独特而胜出。
它将会不像其它那末关键,绝大多数实例你不必须担忧矛盾,但大中型并且繁杂的CSS文档,或有许多CSS文档构成的,将会造成矛盾。
挑选器1样的状况下后边的会遮盖前面的特性。例如:
p { color: red; }
p { color: blue; }
p元素的元素将是蓝色,由于遵照后边的标准。
但是,你不能能常常用同样的挑选器矛盾做到目地,当你应用嵌套循环挑选器,有效的矛盾来了。例如: div p { color: red; }
p { color: blue; }
或许你看起来p元素在div元素里边的色调是蓝色,就像后边p元素的标准,可是第1个挑选器的特点确是鲜红色。基础上,1个挑选器越多特点,款式矛盾的情况下将显示信息它的款式。
1组嵌套循环挑选器的具体特点能够测算出来。基础的,应用ID挑选器的值是100,应用class挑选器的值是10,每一个html挑选器的值是1。它们加起来便可以测算出特点的值。
p的特点是1(1个html挑选器)
div p的特点是2(两个html挑选器)
.tree的特点是10(1个class挑选器)
div p.tree的特点是1 1 10=12,(两个html挑选器,1个class挑选器)
#baobab的特点是100(1个ID挑选器)
body #content .alternative p的特点是112(两个html挑选器,1个ID挑选器,1个类挑选器) 依照上面的标准,div p.tree的特点比div p高,body #content .alternative p又比它们两个都高。
为您推荐
CSS实例教程:优先选择级难题的考虑到案例
CSS常见技能10则
IE7对css挑选器的改善
CSS实例教程(2):根据案例学习培训CSS情况
网页页面全自动满屏完成编码
所有文章
公司动态
行业资讯