css选择器

  1. 标签/元素选择器:直接使用标签的选择器
  2. id选择器  id名称是唯一的,可以起多个id名称,js要求id名称唯一
  3. 类别选择器class类名:通过class命名,通过.调用

id>类别>标签/元素(优先级高低)

  4.通用选择器*{ } 页面中所有标签都生效的

     通用通常不会很详细和复杂的样式

  5.群组选择器 标签选择器的集合,逗号隔开

     div,p,ul,ol,h1{ } 适合css初始化

  6.后代选择器  是空格,三代及以上都可以

    div p span{ }

  7.子代选择器 父子级逐级相邻,不能越级选择

    div>p>b{ }

  8.交叉选择器,两个选择器直接使用   元素和类名/id同时使用

  div.qa{}(即为选中class名为qadiv),可以更准确的找到要写的样式位置

  9.伪类选择器

  a:hover{} 鼠标滑过

  a:visited{} 鼠标访问后,针对a标签

  a:active{} 鼠标点击时

posted @ 2021-06-29 20:04  东东6872  阅读(41)  评论(0)    收藏  举报