首页 > Web开发 > 详细

CSS选择器

时间:2020-06-23 23:44:36      阅读:77      评论:0      收藏:0      [点我收藏+]

基础选择器:

选择器名字:元素      类      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选择器

原文:https://www.cnblogs.com/liuxiaoxing/p/13184952.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!