html中的各类选择器

基础选择器

标签选择器:一次性把页面所有一类的标签选择出来




  

xxxx

类选择器:选择同一类,class为全局属性




  
xxxxx

id选择器:身份证号码,每个网页里不能重复




  
xxxx

通配符选择器:选中所有标签




  

xxxx

scsa

包含选择器

子代选择器:选择亲儿子




  
  • 1
  • 2
    • 3
    • 4
仅显示12

后代选择器

选择全部后代




  
  • 1
  • 2
    • 3
    • 4
1234均会显示

复合选择器

逗号选择器:把多个元素选择出来相叠加




   
xxxx

xxxxs

xxxxss

属性选择器



 

    




1
2

伪类选择器

hover

鼠标经过时

visited 鼠标访问过后
active 鼠标按下弹起



    去百度

结构伪类选择器

html中的各类选择器_第1张图片

 nth-child(n)与nth-of-child(n)有不同的用法

nth-child(n)  先排序后查找目标元素

nth-of-child  先查找目标元素后排序

伪类元素选择器

你可能感兴趣的:(html,前端,css)