美文网首页
伪类选择器

伪类选择器

作者: 楼水流云 | 来源:发表于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

相关文章

  • CSS3选择器

    1CSS选择器的分类 基本选择器 层次选择器 伪类选择器 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素...

  • CSS3 积累(2)之结构伪类选择器

    介绍 伪类选择器主要有动态伪类选择器、UI元素状态伪类选择器、结构伪类选择器和伪元素等,这篇主要讲讲什么是结构伪类...

  • CSS选择器(2)

    伪类选择器 伪类选择器实例

  • CSS-常用选择器

    常用选择器 子代和父代选择器 伪类选择器 伪元素 属性选择器 孩子选择器 兄弟选择器 否定伪类 优先选择器 a的伪类

  • jQuery之选择器

    基本选择器 层级选择器 简单伪类选择器 与内容相关的伪类选择器 与元素状态相关的伪类选择器 匹配子元素的伪类选择器...

  • C3选择器

    属性选择器 兄弟选择器 伪类选择器 伪类target 伪元素before,after 其他伪元素

  • css3-新增选择器

    本文目录 1.属性选择器 2.伪类选择器(普通伪类、目标伪类、链接伪类) 3.伪元素选择器 1.属性选择器 E[a...

  • CSS伪类选择器总结

    CSS伪类选择器总结 动态伪类选择器:link, 链接伪类选择器,超链接未被访问前:visited, 链接伪类选择...

  • CSS进阶知识点--CSS3伪类选择器和伪元素

    伪类选择器 动态伪类(锚点伪类、用户行为伪类) UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...

  • 精通CSS高级Web标准解决方案读书笔记-02为样式找到应用目标

    常用选择器(类型选择器,后代选择器)p #id .class 伪类链接伪类:link :visited 动态伪类:...

网友评论

      本文标题:伪类选择器

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