CSS核心笔记001

目录

杂七杂八知识点

样式优先级

复制代码
行内 > 内部 > 外部

风格

复制代码
紧凑风格

基本选择器

通配符

元素

ID

复合选择器

交集选择器

中间没有空格,分隔符号等

用的最多的是元素配合类名选择器

并集

逗号分割的选择器

符合其中一个的都会选上

css 复制代码
#id1,#id2,#id3,.class1,.class2{} // 这些都会被选上

后代-孙子

css 复制代码
// 关键字是 空格,用空格区分.第一个是祖先 第二个是儿子. 第三个是第二个的儿子

儿子的儿子的儿子,都是后代

儿子

css 复制代码
// 用 > 区分

兄弟

css 复制代码
// 用 +  号

属性

css 复制代码
div[title]
各种属性选择器的应用

伪类

动态伪类
结构伪类
否定伪类
目标为类
语言伪类
UI伪类

伪元素

选中元素中的一些特殊位置

相关推荐
易知微EasyV数据可视化10 小时前
定制化3D组件开发:打造差异化孪生体验
前端·人工智能·经验分享·数字孪生
一只小菜鸡..11 小时前
Stanford CS144 学习笔记 (二):传输层与数据通信机制
网络·笔记·学习
前端炒粉11 小时前
Vue2 SSE 流式对话完整前端代码
前端·sse·流式输出
BIM云平台开发12 小时前
【App.vue里跟踪页面跳转和用户ID】
开发语言·前端·javascript
汪汪大队u12 小时前
Zabbix 6.0 部署踩坑记:从启动失败到 Web 成功访问
前端·zabbix
顺颂时绥_112 小时前
new Set 过滤数据实战
前端
赵大仁12 小时前
Next.js + Vercel AI SDK 实战:30 分钟搭出流式 Chat 页面
前端·ai·实战·react·next.js·vercel
Yunzenn12 小时前
强化学习1-Liu2026_GFlowRL_精读笔记
人工智能·笔记·深度学习·机器学习·transformer·集成学习·vllm
天天爱吃肉821812 小时前
# 商用车多体动力学整车仿真学习笔记(开篇总览)
人工智能·笔记·python·功能测试·学习·汽车
云空12 小时前
《Three.js 完整版3D魔方:带贴纸+中心固定+自动求解复原》
前端·javascript·3d·three.js