学习打卡,最近几天看视频学习css。进度很慢
记录一下选择器:
常用选择器:
元素选择器:标签名{}
id选择器:#id属性值{}
类选择器:.class属性值{}
通配选择器:*{}
复合选择器:
交集选择器:选择器1选择器2选择器3…选择器n{}
若交集选择器中有元素选择器,必须用元素选择器开头
并集选择器:选择器1,选择器2,选择器n{}
关系选择器:
子选择器:父元素>子元素
后代选择器:祖先 后代
选择下一个兄弟:前一个+下一个
选择下边所有兄弟:兄~弟
属性选择器:
[属性名] :选择含有指定属性的元素
[属性名=属性值] :选择含有指定属性和属性值的元素
[属性名^=] :选择属性值以指定值开头的元素
[属性名$=属性值]:选择属性值以指定值结尾的元素
[属性名*=属性值]:选择属性值中含有某值的元素
伪类选择器:
:first-child 第一个子元素
:last-child 最后一个子元素
:nth-child() 选中第n个子元素『n :2n或even表偶数 2n+1或odd表奇数』
:first-of-type
:last-of-type
:nth-of-type 同类型元素中进行排序
:not() 否定伪类 将符合条件的元素从选择器中去除
a元素选择器:
:link 未访问过的链接
:visited 访问过的链接
:hover 鼠标移入的状态
:active 鼠标点击
伪元素选择器:
::first-letter:第一个字母
::first-line:第一行
::selection:选中内容
::before:元素开始
::after:元素结尾
before和after要结合content属性来使用,用于添加符号