选择器
:first-of-type 父元素的第一个子元素p:first-of-type即是第一个P元素
:last-of-type 父元素的最后一个子元素p:last-of-type即是指代最后一个P元素
:only-of-type 父元素的唯一一个子元素p:only-of-type即是指代唯一一个P元素
:only-child p::only-child选择属于其父元素的唯一子元素的每个p元素,结构上只有一个P元素
:nth-child(n) 选择属于其父元素的第n个子元素,结构上子元素必须是第N个
:nth-last-child(n) 同上,从最后一个子元素开始计数
:nth-of-type(n) 选择属于其父元素第n个p元素的每个p元素
:nth-last-of-type(n) 同上,但是从最后一个子元素开始计数。
:last-child 选择属于其父元素最后一个子元素每个子元素,结构上子元素必须是最后一个
:root 选择文档的根元素。
:empty 选择没有子元素的每个父元素(包括文本节点)
:target #news:target 选择当前活动的 #news 元素
:enabled input:enabled 选择每个启用的 input>元素
:disabled input:disabled 选择每个禁用的 input>元素
:checked input:checked 选择每个被选中的 input 元素
:not(selector) :not(p) 选择非 p 元素的每个元素
::selection ::selection 选择被用户选取的元素部分
边框
1.border-image
设置或检索对象的边框使用图像来填充, 如
border-image:url() 20 /27px stretch
url插入图片地址,20指切图片四角像素宽,/27指边框大小,strerch指的是拉伸,这里还可以写repeat平铺,round平铺(会自适应)。
2.border-radius
取值……
length:
用长度值设置对象的圆角半径长度。不允许负值
percentage:
用百分比设置对象的圆角半径长度。不允许负值
3.box-shadow 边框阴影
box-shadow:0px 10px 8px 6px
0px 水平偏移值。10px 垂直偏移值。
8px 阴影模糊值。6px 阴影外延值。