基本选择器 高级选择器 属性选择器

基本选择器

• p img 标签选择器 直接用
• .class类选择器 标签的分类 多次用
• #id ID选择器 独特唯一的选择器 同一页面中之恶能使用一次
  优先级: ID>类>标签

<a herf="#"> 为了显示超链接的效果

高级选择器

1. body p {background:red;} 后代选择器 可替换类型选择 选中body所有的P
2. body>p {background:red;} 子选择器 外面子级的P变 里面的不变
3. body+p {background:red;}相邻兄弟 某一个的后面一个紧跟着变
4. body~p {background:red;} 通用兄弟 某一个同级后面变

1. span:first-child (不分类) 找span的父级p,p的第一个儿子是否span，不是就不运算
2. span:nth-child (3) (odd) (even) 是偶数还是span显示效果
3. span: first-of-type 第一个该类型运算（分类）
4. span: nth-of-type

属性选择器

a name="top" 锚记 a href="#top"

1. a[name]
2. a[href^=http] 以……开头
3. a[href$=jpg] 以……结尾