CSS3-选择器,边框

来源:互联网 发布:淘宝sma特卖什么意思 编辑:程序博客网 时间:2024/06/05 18:47

选择器

: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 stretchurl插入图片地址,20指切图片四角像素宽,/27指边框大小,strerch指的是拉伸,这里还可以写repeat平铺,round平铺(会自适应)。

2.border-radius
取值……
length:
用长度值设置对象的圆角半径长度。不允许负值
percentage:
用百分比设置对象的圆角半径长度。不允许负值

3.box-shadow 边框阴影

box-shadow:0px 10px 8px 6px 0px 水平偏移值。10px 垂直偏移值。8px 阴影模糊值。6px 阴影外延值。
0 0
原创粉丝点击