css选择器和阴影

div>p 子代选择器

选择的是p标签，而且必须要是父级是div的p标签

div+p 兄弟毗邻选择器

div与p 同级，紧跟在div后面的p标签 中间不能有其它标签

div~p

必须为同级，div后面的p标签 ,中间可以有其它标签

属性选择器

p[title] {}

带有title属性的p标签

p[title=s1]

title属性为s1的p标签

p[title*=s]

title属性包含s的p标签

p[title$=test]

title属性以test结尾的p标签

p[title^test]

title属性以test开头的p标签

伪类选择器

p:nth-child(1) {}

在同级里面，在子集里面的顺序找到第一个标签，并且是p标签，然后赋值样式

p:only-child {}

选择属于其父元素的唯一子元素的每个 p 元素

p:nth-of-type(1) {}

在同级里面的顺序只会看子集里的p标签顺序

input:checked{}

适用于单选框与复选框

p:first-letter

p标签的第一个字母

p:first-line

p标签的第一行

:root

选择文档的根元素

p:empty

选择为空的p元素

p:not(.item) {}

选择类名不为item的p标签

p:selection

选择p标签被用户选取的部分

阴影

box-shadow

• 阴影类型：此参数可选。如不设值，默认投影方式是外阴影；如取其唯一值“inset”，其投影为内阴影；

• X-offset:阴影水平偏移量，其值可以是正负值。如果值为正值，则阴影在对象的右边，其值为负值时，阴影在对象的左边；

• Y-offset:阴影垂直偏移量，其值也可以是正负值。如果为正值，阴影在对象的底部，其值为负值时，阴影在对象的顶部；

• 阴影模糊半径：此参数可选，，但其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；

• 阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

• 阴影颜色：此参数可选。如不设定颜色，浏览器会取默认色，但各浏览器默认取色不一致，特别是在webkit内核下的safari和chrome浏览器下表现为透明色，在Firefox/Opera下表现为黑色

text-shadow

• h-shadow
  必需。水平阴影的位置。允许负值。

• v-shadow
  必需。垂直阴影的位置。允许负值。

• blur
  可选。模糊的距离。

• color
  可选。阴影的颜色。