美文网首页
伪类选择器

伪类选择器

作者: 楼水流云 | 来源:发表于2019-10-08 15:15 被阅读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

    相关文章

      网友评论

          本文标题:伪类选择器

          本文链接:https://www.haomeiwen.com/subject/ojqcpctx.html