CSS--选择符大全(常用css选择符)
2024-08-25 16:06:46
(一)元素选择符
- E(某个元素,如p)
- id(使用id,如#idName)
- class(使用class,如.myclass)
- 通配符:*
(二)关系选择符
- 包含选择符:E F(E所有的F包含子代,孙代,子子孙孙等等)
- 子选择符:E<F(与包含不同的是,子选择符仅限于子代)
- 相邻选择符:E+F(和E相邻的F,相隔一个都不算)
- 兄弟选择符:E~F(和E同级的F的算)
(三)属性选择符:
- E[att](E中带有某个att属性的元素)
- E[att="val"] (E中带有att且值为val的元素)
- E[att~="val"] (E中包含att属性,中存在val值)
- E[att^="val"] (E中att属性值以val开头的元素)
- E[att$="val"] (E中att属性值为以val结尾的元素)
- E[att*="val"] (E中att属性值为包含val字符的元素)
- E[att|=="val"] (E中att属性值为val 或者是val-连接的字符串)
(四)伪类选择符
(基于元素某种特性定义的类,伪类通俗点就你不需要再自己定义class,直接使用即可)
- E:link (a元素没有被访问时)
- E:visited (a元素已经被访问了)
- E:hover (鼠标悬浮在元素时)
- E:active (鼠标点击到释放时)
- E:focus (元素成为输入焦点时)
- E:lang(fr) (匹配使用特殊语言)
- E:not(s) (匹配没有s样式的元素E)
- E:root (匹配E的根元素)
- E:first-child (匹配父元素第一个子元素E)
- E:last-child(css3) (匹配父元素的最后一个子元素E)
- E:only-child(匹配父元素仅有的元素E)
- E:nth-child(n)(匹配父元素第n个子元素E)
- E:nth-last-child(n)(匹配父元素倒数第n个子元素E)
- E:first-of-type(匹配同类型第一个同级兄弟元素E)
- E:empty(匹配没有任何子元素(包括text节点)的E)
- E:checked:(匹配处于选中状态的元素E,input的radio与checkbox)
- E:enabled :(匹配处于可用状态的元素E)
- E:disabled: (匹配处于不可以状态的元素E)
- E:target: (匹配相关url执行的E元素)
(五)伪对象选择符
- E:first-letter (首字下沉)
- E:first-line (第一行样式)
- E:before (设置在对象前(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用,并且必须定义content属性)
- E:after (设置在对象后(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用,并且必须定义content属性)
- E::placeholder (设置input占位符的样式)
- E::selection (设置文本被选择时的样式)
本篇是个人笔记,可经常看看。
向前走,也别忘记要多回顾
最新文章
- python Django教程 之模板渲染、循环、条件判断、常用的标签、过滤器
- Caliburn.Micro 关闭父窗体打开子窗体
- MYSQL: Handler_read_%参数说明
- [ES6] ITERATORS
- WAV文件格式分析
- hive 配置MySQL库
- PHP获得文件创建、修改、访问时间 filectime() filemtime() fileatime()
- 使用Intellij IDEA的svn时提示出错:Can&#39;t use Subversion command line client: svn
- 理解rem实现响应式布局原理及js动态计算rem
- oracle篇 之 单行函数
- vue版 弹幕
- 编译搭建lnmp+zabbix
- 坦克大战java版
- redis 配置详解
- SQL注入之Sqli-labs系列第二十九关(基于WAF防护的单引号报错注入)
- webstocket 聊天
- Ubuntu防火墙配置
- 1.2.2实现Runnable接口
- POJ - 2513 Colored Sticks(欧拉通路+并查集+字典树)
- 第三百六十八节,Python分布式爬虫打造搜索引擎Scrapy精讲—elasticsearch(搜索引擎)用Django实现搜索的自动补全功能
热门文章
- 动态页面技术EL
- php开发中应该注意的错误开关与常见处理[开发篇]
- ElasticSearch核心知识总结(一)es的六种搜索方式和数据分析
- Tools - VirtualBox的使用方法和技巧
- .NET手记-Autofac进阶(属性和方法注入 Property and Method Injection)
- python数据结构-数组/列表/栈/队列及实现
- Java:Cookie实现记住用户名、密码
- msysGit在GitHub代码托管
- Postgres绿色版本安装 windows
- ASP.NET MVC5 + EF6 + LayUI实战教程,通用后台管理系统框架(3)