CSS选择器

作用：选择页面上的某一类或某一个元素

1.1基本选择器

1.标签选择器：选择一类标签

2.类选择器：选择所有class属性一致的标签，可以跨标签

 3.id选择器：全局唯一

优先级顺序：id选择器>类选择器>标签选择器

1.2层次选择器

1.后代选择器：在某个元素的后面  body p{}

 2.子代选择器：只有一代  body>p{}

 

 3.相邻兄弟选择器--同辈（对下不对上）  .class+p{}

4.通用选择器--所有向下的同辈  .class~p{}

1.3结构伪类选择器

伪类特效动作---放上变色

 1.4属性选择器

 1.id选择器

①选中存在id属性的元素   a[id]{} 

 ②选中id=first的元素  a[id=idname]{}

2.选中含有links的元素 a[class*="links"]{}

 用等号时，必须和类名完全一样才能显示成功（空格也不能有），否则定义不成功

3.选中href中以http开头的元素 ---a[href^=http]{}

4.选中href中以pdf结尾的元素   --a[href$=pdf]{}