选择器
- 伪类选择器
- :hover
- :visited
- ::selection
- :first-child
- :last-child
- :first-of-type
- :last-of-type
- :nth-of-type(n)
- :nth-of-last-type(n)
- :first-line
- :first-letter
- 伪元素选择器
- :after
- :before
- 属性选择器: input[type=“text”]
- 组合选择器
- E,F/E F(后代选择器)
- /E>F(子元素选择器)
- /E+F(直接相邻元素选择器----匹配之后的相邻同级元素)
- /E~F(普通相邻元素选择器----匹配之后的同级元素)
- 层次选择器:p~ul (选择前面有p元素的每个ul元素)
优先级
- 位于标签里的
@
- @charset 定义字符集
- @import 导入
- @font-face 字体
- @keyframes 动画
- @media 媒体查询
- @supports 查询兼容
函数
- 属性函数:attr()
- 背景图片函数
- linear-gradient()
- radial-gradient()
- conic-gradient()
- repeating-linear-gradient()
- repeating-radial-gradient()
- repeating-conic-gradient()
- image-set()
- image()
- url()
- element()
- 颜色函数
- rgb()
- rgba()
- hsl()
- hsla()
- hwb()
- color-mod()
- 图形函数
- circle()
- ellipse()
- inset()
- polygon()
- path()
- 滤镜函数
- blur()
- brightness()
- contrast()
- drop-shadow()
- grayscale()
- hue-rotate()
- invert()
- opacity()
- saturate()
- sepia()
- 转换函数
- matrix()
- matrix3d()
- perspective()
- rotate()
- rotate3d()
- rotateX()
- rotateY()
- rotateZ()
- scale()
- scale3d()
- scaleX()
- scaleY()
- scaleZ()
- skew()
- skewX()
- skewY()
- translate()
- translateX()
- translateY()
- translateZ()
- translate3d()
- 数学函数
- calc()
- min()
- max()
- mixmax()
- repeat()
- 缓动函数
- cubic-bezier()
- steps()
- 其他函数
- counter()
- counters()
- toggle()
- var()
- symbols()