选择器的几种类型,(随堂笔记,写给自己看的)

CSS基本书写格式: 选择器 {
                       属性名:属性值;
                       属性名:属性值;
                     }

选择器:
     一:基础选择器
             1.标签选择器 选择器等于标签名
             2.id选择器    选择器等于#id
             3.class(内)选择器    选择器等于.类名
             4.通配符选择器   如 *:选择所有元素
        二:包含选择器
              1.子代选择器:第一层(嵌套)  如 选择器为ul>li
              2.后代选择器:不管几层     如选择器为ul li
    三:逗号选择器
       1.选择器为选择器1,选择器2,选择器3....
    四:属性选择器
       1.标签名[属性名="属性值"]
       2.标签名[属性名] 具有这个属性名的标签
       3.标签名[属性名*="abc"],属性值包含abc的属性名的标签
              4.标签名[属性名^="a"],属性值以a开头的属性名的标签
              5.标签名[属性名$="c"],属性值以c结尾的属性名的标签
          五: 伪类选择器 :设置元素在不同状态下的样式,a是超链接的标签名,不限于a链接,如div
               1.a:link,未访问的样式
               2.a:hover,鼠标悬停时的样式
               3.a:visited,访问之后的样式
               4.a:foucs,获取焦点时的样式
               5.a:active,用于鼠标按住链接的样式
            6.前面的五个后跟+标签名:表示"做了动作"之后标签的变化,同级下一个 
              前面的五个后跟~标签名:表示"做了动作"之后标签的变化,同级后面所有
              前面的五个后跟 "空格"标签名:表示"做了动作"之后标签的变化,次级      
      六:结构伪类选择器
                父类 子类:nth-chlid(第几个)
        父类 子类:last-child
                父类 子类:frst-child 
      七:伪元素选择器
                   标签名::选项{
                          大多必须要有content
                     }