CSS核心笔记001

目录

杂七杂八知识点

样式优先级

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

风格

复制代码
紧凑风格

基本选择器

通配符

元素

ID

复合选择器

交集选择器

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

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

并集

逗号分割的选择器

符合其中一个的都会选上

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

后代-孙子

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

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

儿子

css 复制代码
// 用 > 区分

兄弟

css 复制代码
// 用 +  号

属性

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

伪类

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

伪元素

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

相关推荐
喝牛奶的小蜜蜂4 分钟前
个人小程序:不懂后台,如何做数据交互
前端·微信小程序·小程序·云开发
front_explorers9 分钟前
Umi项目必看,从Webpack到Rspack,KMI引领性能革命🚀
前端
旺仔牛仔QQ糖10 分钟前
都写那么多项目了, 傻傻分不清楚NODE_ENV 和 模式(Mode) 两者区别是什么
前端·面试
xcLeigh15 分钟前
HTML5实现简洁的体育赛事网站源码
前端·html
棉花糖超人18 分钟前
【从0-1的CSS】第1篇:CSS简介,选择器已经常用样式
前端·css
GISer_Jing23 分钟前
XHR / Fetch / Axios 请求的取消请求与请求重试
前端·javascript·网络
天涯学馆26 分钟前
微前端架构设计:从理论到实践的全面指南
前端·javascript·面试
Verin37 分钟前
Next.js+Wagmi+rainbowkit构建以太坊合约交互模版
前端·web3·以太坊
KenXu40 分钟前
🚀 Cursor 1.0 重磅发布!AI代码编辑器迎来革命性升级
前端
凌辰揽月42 分钟前
Web后端基础(Maven基础)
前端·pycharm·maven