CSS3新特性
一、nth-child(n) 选择器
nth-child(n) 选择器匹配其父元素的第n个子元素,不论元素类型,n可以使数字,关键字,
或公式 nth-of-type(n) 选择与之其匹配的父元素的第N个子元素 frist-child 相对于父级做参考,“所有”子元素的第一个子元素,并且“位置”要对应
二、frist-of-type
frist-of-type 相对于父级做参考,“特定类型”(E)的第一个子元素
empty 选择没有子元素的每个E元素target 选择当前活动的E元素 selection 选择被用户选取的元素部分
属性选择器
[abc*="def"] 选择adc属性值中包含子串"def"的所有元素
三、 背景属性
旋转:
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。
角度值为正值,顺时针旋转 角度值为负值,逆时针旋转
四、媒体查询
媒体查询,就在监听屏幕尺寸的变化,在不同尺寸的时候显示不同的样式!在做响应式的网站里面,是必不可少的一环!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构