css的一些基础概念

一·选择器的分类:

id选择器,class选择器,元素选择器,属性选择器(没有得到所有浏览器支持的选择器),包含选择器,子选择器,兄弟选择器,相邻选择器,通用选择器。

附录(对于包含选择器,子选择器,兄弟选择器,相邻选择器的大概描述):

(1)包含选择器,语法格式:A B{...},表示对处于A中的B有效(A可以为.A即类名)。

(2)子选择器,语法格式:A>B{...},表示对于A中的B有效,且必须为子标签。emmm它与包含选择器的区别在于:包含选择器可以说是涉及子孙后代,而子选择器只涉及儿子。(A可以是.A即类名)

(3)兄弟选择器,语法格式:A~B{...},emmm下面解释了。

(4)相邻选择器,语法格式:A+B{...},选择的是A后面紧跟的B元素。它与兄弟选择器的区别在于:相邻选择器强调的是相邻单个的,而兄弟选择器强调的是A后面所有的B,相不相邻都可以。

二·多重样式优先级:

内联样式(权重:1000)>内部样式(id(100)>伪类>class(10)>元素选择器(1))>外部样式>浏览器默认样式

(!important规则例外,会覆盖任何css中的其他声明,但不建议使用)

如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。


你可能感兴趣的:(css的一些基础概念)