伪类选择器

2019-10-08  本文已影响0人  楼水流云

伪类选择器就是一种状态选择器 “:”
link 链接
visited 鼠标有点过的
hover 鼠标放上去
active 鼠标点下

focus 获得当前焦点元素
lang(c) lang属性等于c的元素
endbled 表单中可用的元素
disabled 表单中禁用的元素
checked 表单中勾选的元素

first-child(n) 父容器的第一个子元素
nth-child(n)

first-of-type(n) 同种类型的第一个 h1 h2
nth-of-type(n)

n的取值
1,2,3,4,5
2n+1 , 2n , 4n-1
odd , even

伪元素选择器
单双冒:
xx::before{ content: 'aa'} 在所有元素前加aa
xx::after{ content: 'aa'} 在所有元素后加aa

xx::first-letter 对文本的第一个字 或者第一行字添加样式
xx::forst-line 对于多行文字 第一行文字添加样式

双冒号::
xx::selection 给鼠标选中的元素 添加样式颜色 (选中一行中的几个字的背景色)
xx::-webkit-input-placeholder 给placeholder(输入提示)添加样式
xx::backdrop

上一篇下一篇

猜你喜欢

热点阅读