css3中的选择器与伪类

选择器与伪类

1. Css选择器
   Css选择器规范地址：https://www.w3.org/TP/2011/REC-css3-selectors-20110829
   Css选择器最新选择器规范：https://www.w3.org/TR/selectors
2. Css:cascading() style sheets
3. 样式表规则：
   （1）选择器
   （2）声明块css属性+css属性组成的键值对
   Eg：*{
   margin:0;
   padding:0;
   }
4. 浏览器是从右往左地顺序读取编译
5. 基本选择器：
   通配选择器：*
   元素选择器:元素名
   类选择器：.
   ID选择器：#
   后代选择器：空格
6. 直接选择器
   子元素选择器：父元素>子元素 #wrap > .inner{color:blue};
   相邻兄弟选择器：+ #wrap #first + .inner{ color:blue}
   通用兄弟选择器：~ #wrap #first ~div{}
   选择器分组: h1,h2,h3{ color:blue} 把，称为结合符
7. 属性选择器
   (1)存在和值属性选择器
   [attr]:该选择器选择包含a t t r属性的所有元素，不论attr的值为何。
   [attr=val]：该选择器仅选择包含a t t r属性被赋值为val的所有元素。
   [attr~=val]：表示带有以attr命名的属性的元素，并且该属性是一个以空格作为分隔的值列表，其中至少有一个的值为val。
   (2)子串值属性选择器
   [attr|=val]：选择a t t r属性的值是val（包含val）或以val开头的元素。
   [attr^=val]：选择a t t r属性的值是以val开头(包含val）的元素。
   [attr$=val]：选择a t t r属性的值是以val结尾(包含val）的元素。
   [attr*=val]：选择a t t r属性的值包含字符串val的元素。
   8.优先级是指css声明的优先级，而不是选择器的
8. Css属性的默认值和是否可继承：火狐（MDN web docs）
    
   伪类
   1.链接伪类（锚点伪类）：
   ：link 表示作为超链接，并指向一个未访问的地址的所有锚
   :visited 表示作为超链接，并指向一个已经访问的地址的所有锚，能作用的属性：
   Color background-color border-color
   ：link与：visited涵盖a标签所有状态，且只能用在a标签上，不能放在最后。
   :visited选择器
   :target ID是URL片段标识符
   2.用css实现block
   ：target{
   Display:block;
   }
   3.创建表单:
   
   表单相关伪类：
   ：enabled 匹配可编辑的表单
   ：disable 匹配被禁用的表单
   ：checked 匹配被选中的表单
   ：focus 匹配获焦的表单