CSS选择器
2018-05-31 本文已影响0人
Linn___
标签选择器
body、h1、dl、ul、span
id选择器
#
类选择器
1) class可以重复,也就是说,同一个页面上可能有多个标签同时属于某一个类;
2) 同一个标签可以同时携带多个类。
后代选择器
.div1 p 就是.div1的后代所有的p,后代选择器,描述的是祖先结构
交集选择器
h3.special 必须是h3标签,然后必须是special标签
并集选择器(分组选择器)
h3,li 用逗号就表示并集
通配符*
效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器
CSS3选择器
儿子选择器>
div>p div的儿子p。和div的后代p的截然不同
序选择器
选择第1个li ul li:first-child
选择最后一个1i ul li:last-child
下一个兄弟选择器
h3+p 选择上的是h3元素后面紧挨着的第一个兄弟
CSS的继承性和层叠性
继承性
color、 text-开头的、line-开头的、font-开头的
这些关于文字样式的,都能够继承; 所有关于盒子的、定位的、布局的属性都不能继承
层叠性
就是css处理冲突的能力。 所有的权重计算,没有任何兼容问题
统计权重:id的数量,类的数量,标签的数量
权重问题大总结: 1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果都一样,听后写的为准。 2) 如果没有选中,那么权重是0。如果大家都是0,就近原则。
!important 这个属性的权重就是无穷大