Please enable JavaScript.
Coggle requires JavaScript to display documents.
个人知识体系搭建 - Coggle Diagram
个人知识体系搭建
css
选择器
类选择器 class定义的名称
id选择器 id定义的名称
元素选择器如h1,p,div等
属性选择器~=必须包含完整名称 ^=头部名称一致 $=尾部名称一致 *=包含可以是一部分名称 |=这个自己查不常用
后代选择器,选择子元素>,选择毗邻兄弟元素+，选择相邻兄弟元素~
伪类
链接未访问元素 :link
链接活动元素 :active
链接已访问元素 :visited
鼠标移动上去元素 :hover
input框聚焦 :focus
父元素的第一个子元素 :first-child :first-of-type
父元素最后一个子元素 :last-child :last-of-type
父元素的第一个子元素 :nth-child(n) :nth-of-type(n)
从后往前数，父元素的第几个子元素:nth-last-child(n) :nth-last-of-type(n)
父元素唯一的子元素 :only-child :only-of-type
伪元素
在元素前插入内容 ::before
在元素后插入内容 ::after
文本第一行样式设置 ::first-line
文本第一个字母设置样式 ::first-letter
特殊性，样式优先级问题，内联样式:1,0,0,0; id: 0,1,0,0;class: 0,0,1,0 ;元素标签 0,0,0,1，解决样式冲突问题，例如一个元素有id,有class名，如果通过id设置元素颜色，又用class设置元素不同的颜色，此时生效的id设置的颜色，其优先级要高些，