css选择器

HTML选择器

直接使用标签

 

属性选择器(id,class) *全局选择器




    
    Title
    



我是测试代码

我是div标签
我也是div标签

关联选择器 和 组合选择器

#box div{}   : id=box标签下的所有div 但不包括自身
#box > div{} :id=box标签下的子代div  但不包括自身
.content  li{}  :class=content标签下的所有li
p,li,div{} : 逗号代表同级别
p.item{}:  带class=item的p标签

实例代码




    
    Title
    



div
div01
div02
  • hahahahah
  • hahahahah
  • hahahahah
  • hahahahah
    • 0000000000000
    • 0000000000000
    • 0000000000000
    • 0000000000000
  • hahahahah

我是p1

我是p2


伪类选择器

大部分用于a标签




    
    Title
    




我是字体测试
手指放到变色hover 按下变色active 激活后变色visited 直接显示link

你可能感兴趣的:(css选择器)