CSS选择器

基础选择器:

选择器名字:元素      类      ID       通配符

书写格式: 标记名 class   id         *

类选择器 命名规范

1、点号开始

2、包含字母、数字、下划线、连字符

3、点号后面必须是字符

4、大小写敏感(区分大小写)

ID选择器

 书写格式:#ID名{声明块} 特点:名字唯一

组合选择器/并集选择器

书写格式:

元素名,ID名,类名{声明块}

没有顺序要求

层次选择器:

1、子级选择器 书写格式:父元素A>子元素B{声明块}

2、后代选择器 书写格式:祖先元素A+"空格"+后代元素B{声明块}

3、兄弟选择器 书写格式:兄弟元素A+++兄弟元素B{声明块}

注意:AB之间不能有其他元素

通用选择器

书写格式:兄弟元素A+~+兄弟元素B{声明块}

伪类选择器

结构伪类选择器

last-child:选择最后一个元素

first-child:第一个

nth-child(n):第几个

否定伪类选择器

nav:not(:nth-child(7)):选中除了第七个元素

动态选择器

link 未访问 : hover 悬停 :active 点击时 :visited 已访问

伪元素选择器

默认是行盒

添加 content:“”;

1、在元素之前添加内容 书写格式:元素A::before{声明块}

2、在元素之后添加内容 书写格式:元素A::after{声明块}

层次关系:子元素

CSS选择器

上一篇:ThinkPHP6 上传图片代码demo


下一篇:PHP解决imagecopymerge合成图片后黑色边角的问题