选择器总结

选择器的分类

1基本选择器

基本选择器包括:标签选择器（根据标签的名称获取），ID选择器（获取的是ID的属性），类选择器（class属性），通用选择器（通配符）

   

 效果展示

 四种选择器的优先级：ID>类>标签>通配符

2包含选择器

子代选择器（获取的是某个标签的第一级子标签）

后代选择器（获取的某个标签里面所有的子标签）

分组选择（逗号选择器，可以同时设置多个标签，使用逗号进行分割）

 

效果图

 3属性选择器

 效果展示

 4 伪类选择器

同一个标签，根据不同的状态，有不同的样式，这就叫做伪类，通过 : 进行设置不同的样式（实现伪

类选择器）

:link ------ 链接点击之前

:visited ----- 链接点击之后

:hover ------鼠标" 悬停 "

:active ------" 激活 " 鼠标点击的时候但是不松手

 

效果展示

 5伪元素选择器

:before

:after ------ CSS2

::before

::after

注意：伪元素选择器一定要使用content属性

效果展示

 

今天的选择器分享就到这里吧，希望大家一起努力！！！