CSS学习笔记二---选择器

一:知识点

1:伪类选择器:链接样式四个状态

        a:a:link---正常,还未访问过

        b:a:visited---用户已访问过的链接

        c:a:hover---当用户鼠标放在链接上时

        d:a:active---链接被点击的那一刻

        注:a:hover 必须跟在 a:link 和 a:visited后面

                a:active 必须跟在 a:hover后面




 
CSS 



    

测试链接

2:删除链接下的下划线:text-decoration:none/underline

3:指定链接背景颜色:background-color:#BBBBBB

4:选择器的权重:多个选择器选中的是同一个元素,且定义了不一样的样式,此时会由选择权重高的来执行!

CSS学习笔记二---选择器_第1张图片

二:补充:

1:html中引入CSS文件



 两种引入方式的区别:

CSS学习笔记二---选择器_第2张图片

2:优先级:添加后缀“!important” > 行内样式 > 内部样式 > 外部样式

3:类选择器:class选择器

CSS学习笔记二---选择器_第3张图片


    
    
    
    Document
    


    
1111
3333
4444

4:id选择器

CSS学习笔记二---选择器_第4张图片


    
    
    
    Document
    


    
5555
8888

 5:通配符选择器:主要用于边距清零

CSS学习笔记二---选择器_第5张图片


    
    
    
    Document
    

6:群组选择器(注意加逗号)  &  后代选择器(无逗号,空格间隔)

CSS学习笔记二---选择器_第6张图片


    
    
    
    Document
    


    

hello

1111

2222

9999

3333

7:伪类选择器,用的比较多,主要是用于链接样式,见知识点一;

CSS学习笔记二---选择器_第7张图片

你可能感兴趣的:(CSS,css,学习)