1）基础选择器
*通配符选择器： #<head><style>*{} *号代表通配符
id选择器： #<head><style>#标签id值{} id值不能重复
class选择器： #<head><style>.标签class值 class值可以重复
<head><style>p#id{}
<head><style>div.class{}
--------------------------------------------------------------------
2）组合选择器
多元素选择器：E,F <head><style>#id,div.class{}
后代选择器：E F <head><style>.class div{} 找子孙代
子元素选择器：E>F <head><style>.class>div{} 只找儿子代的标签
毗邻选择器：E+F 向下毗邻（紧挨着）标签
--------------------------------------------------------------------
3）属性选择器
内联(inline)标签：不独占一行
块级(block)标签：独占一行，可以设定长和宽
标签嵌套规则：
1.块级标签可以嵌套内联标签或某些块级标签，但内联标签不能嵌套块级标签，它只能嵌套内联标签
2.有些块级标签不能嵌套块级标签，比如：p/dt/h1-h6
<head><style>[属性名]{}
<head><style>[属性名=属性值]{}
<head><style>标签名[属性名=属性值]{}
----------------------------------------------------------------------
4）伪类
<head><style>.class名:hover{} #悬浮
<head><style>.class名:after{content:"欢迎加入前端学习"} #悬浮
----------------------------------------------------------------------------------
css-选择器优先级，!important优先级最高，其次是下面：
1）内联 style=""
2）id #id
3）class .class
4）标签名 div
5）继承 <body color:"red">
扫一扫
1196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
