css选择符，属性设置

css选择符

组合选择符

示例	含义	示例	含义
div p	div后的所有p元素	div > p	div的直接子元素
div + p	与div后同级紧邻的第一个p元素	div ~ p	与div后同级的所有p元素
[target]	选择带有target属性元素	[title~=flower]	选择标题属性包含单词‘flower’的所有元素

常用的就是input元素的了，input[type=’text’]选择input元素类型是text的

伪类

示例	含义	示例	含义
p:first-child ， :last-child	所有p元素的第一个p元素,最后一个	input:checked	所有选中的表单元素
p:first-of-type ， :last-of-type	不同级p元素中的第一个p元素,最后一个	p:nth-of-type(1)	第一个p元素，选中所有p元素，:nth-of-type(3)设置第几个元素
div:not(p)	div中除p元素之外的元素	p:nth-child(1)	所有与p同级的元素中第一个元素为p的元素
p:first-letter	选择p元素的第一个字母	p:first-child	选择每个p元素的第一行
p:defore ， p:after	在每个p元素前插入内容，之后	p:empty)	选择每个没有任何子级的p元素（包括文本节点）

通过组合选择元素，更加精准，省去样式影响不必要的麻烦。

属性设置

属性	含义	属性	含义
background:color image repeat attachment position	attachment 表示图片是否跟随滚动，默认滚动，fixed	text-transform:uppercase	lowercase