前端之css遇到的问题
来源:互联网 发布:最好的数据统计软件 编辑:程序博客网 时间:2024/05/16 05:13
一、:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型
二、:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素
例子:
p:nth-child(1)的情况:没有背景变红色 / 查找p的父元素的第一个子元素 且为p(找不到)故没变色 */
p:nth-of-type(1)的情况:第一个段落变红色 / 查找p的父元素的p子元素中 的第一个p元素 */
p:nth-child(2)的情况:第一个段落变红色 / 查找p的父元素的第二个子元素 且为p 故第一段落变红 */
p:nth-of-type(2)的情况:第二个段落变红色 / 查找p的父元素的p子元素中 的第二个p元素 */
三、height:auto是高度随内容的高度自适应,height:100%是随最近的已确定高度的上代元素的高度的100%。
四、word-break:break-all;/断词/
white-space:nowrap;/强制一行显示/
/**超出部分隐藏省略号**/overflow:hidden;text-overflow:ellipsis;
0 0
- 前端之css遇到的问题
- 前端:遇到的问题
- 前端页面遇到的问题
- web前端遇到的问题
- 前端时遇到的问题
- web前端细节性问题(面试时可能遇到的问题)——div+css(1)
- web前端细节性问题(面试时可能遇到的问题)——div+css(2)
- 前端的CSS JS问题
- 移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法
- 移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法
- 使用css遇到的问题
- css遇到的一些问题
- 关于css遇到的问题
- css 遇到的一些问题
- css遇到的问题回顾
- html,css遇到的问题
- Web前端设计遇到的奇怪问题
- Web前端面试中遇到的问题
- ios 截取view上内容 返回image 保证清晰度
- hadoop 2.8 简单数字排序
- static--修饰(局部变量、全局变量、函数)
- ajax 分页完全代码整理
- 最大子段和问题(dp大法)
- 前端之css遇到的问题
- PHP学习笔记——常规参数的函数
- 1 SpringBoot 使用sharding jdbc进行分库分表
- 【iOS开发】 iOS打包ipa的四种实用方法(.app转.ipa)
- Hive的安装
- es6新特性
- android studio 获取项目的指纹证书
- 生成n个互异随机数的初步算法
- 开发项目细节问题小结