`
piperzero
  • 浏览: 3477953 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

css伪类伪元素域高级选择器的介绍

阅读更多

a:link 表示尚未访问的链接,鼠标未划过和点击

a:visited 表示已经访问的链接

a:hover 表示鼠标划入的链接

a:active 表示激活的链接,也就是鼠标点击链接的一瞬间

注意上面这四个链接的伪类在使用的时候要有一定的顺序,即上面列举的顺序,否则看不到效果。可以简单记为LOVE(包含link和visited首字母)和HATE(包含hover和active的首字母)。

给段落定义样式

:first-letter 为一行中的第一个字符创建样式

:first-line 为一段中第一行创建样式

更多伪类和伪元素

:before 可以在指定元素的前面添加内容。比如有一个段落p,你要在前面添加"Hello",可以用伪类表示为p:before {content: "Hello";}

:after 和:before一样,只不过实在元素的后面添加内容。

分享到:
评论

相关推荐

    HTML5&CSS3网页制作:伪元素选择器.pptx

    CSS中常用的伪元素选择器有:before伪元素选择器和:after伪元素选择器 :before选择器 :after选择器 :before选择器 描述 :before伪元素选择器用于在被选元素的内容前面插入内容。 语法格式 E:before{ content:文字/url...

    css3 伪元素和伪类选择器详解

    无论是伪类还是伪元素,都属于CSS选择器的范畴。所以它们的定义可以在CSS标准的选择器章节找到。分别是 CSS2.1 Selectors 和 CSS Selector Level 3,两者都已经是推荐标准。

    浅谈CSS伪类与伪元素

    伪类选择器:CSS中已经定义好的选择器,不能随便取名 :link 伪类将应用于未被访问过的链接,与:visited互斥。 :hover 伪类将应用于有鼠标指针悬停于其上的元素。 :active 伪类将应用于被激活的元素,如被点击的链接、...

    伪元素选择器

    主要讲的是css3中新增加的选择器,伪元素选择器。

    详解如何使用CSS3中的结构伪类选择器和伪元素选择器

    结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表  属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-...

    CSS伪类和伪元素的区别详解

    CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。 伪类种类 伪元素种类 区别 这里用伪...

    两种CSS3伪类选择器详细介绍

    css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把":enabled",":disabled",":...

    CSS伪元素选择器案例.pdf

    CSS伪元素选择器案例.pdf 学习资料 复习资料 教学资源

    CSS伪类/伪元素选择器整理

    CSS伪类及伪元素选择器,如超链接的a:link、a:visited、a:hover等等,本文整理了一些,喜欢的朋友可以收藏下

    【CSS基础学习】伪类选择器,伪元素选择器,交集选择器

    伪类选择器和伪元素选择器可以为文档中非具体存在的结果指定样式,或者为某些元素(包括文档本身)的状态指定样式,它会根据某种条件而非文档结构应用样式。 伪类选择器的使用方法如下: HTML标记 伪类名{伪类名:...

    css基础、选择器介绍、样式介绍

    内容涵盖css样式问题, ...CSS布局:结构伪类选择器、伪元素、标准流、浮动; 定位:绝对定位、相对定位、固定定位、子绝父相; 装饰:垂直对齐方式、光标类型、边框圆角、overflow溢出部分显示效果

    CSS 伪元素

    CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法: selector:pseudo-element {property:value;} CSS类也可以使用伪元素: selector.class:pseudo-element {property:value;} :first-line 伪元素 ...

    CSS3伪类选择器;例如:E:root、E:not等等

    CSS3伪类选择器 E:root 根选择器,它的意思是匹配元素E所在文档的根元素,在HTML文档中,根元素始终是 E:not 否定选择器,它和JQuery中的:not选择器一模一样,可以选择除某个元素以外的元素, E:first-child 第...

    位类和伪元素和选择器

    位类和伪元素和选择器

    CSS选择器鱼骨图记忆

    介绍CSS选择器,包含基本选择器,复合选择器,属性选择器,关系选择器,伪类选择器和伪元素选择器,首先以鱼骨图展示方便记忆

    CSS3结构性伪类选择器九种写法

    一、X:nth-child(n) ...demo的用法是最简单的,X:nth-child()更强大的用处在于奇偶匹配,明河不展开讲,有兴趣的请看《Understanding :nth-child Pseudo-class Expressions》,《CSS3 :nth-child()伪类选择器》 二、X

Global site tag (gtag.js) - Google Analytics