美文网首页
伪类选择器,伪元素

伪类选择器,伪元素

作者: Stranger_I | 来源:发表于2018-11-19 19:24 被阅读0次

正常链接

 x:link{
    color:green;
}    

访问过的链接

 x:visited{
    color:yellow;
}

ps:(只能定义字体颜色,不能定义字号)

鼠标滑过的链接

x:hover{
    color:skyblue;
}

正在点击的链接

x:active{
    color:black;
}

获取焦点

x:focus{
    backgroud-color:orange;
}

选中的元素

x::selection{
   background-color:white;
}
(选中变色)

兼容浏览器

p::-moz-selection{
    background-color:orange;
}

伪元素

定义首字母

(定义段落首字母)

x:first-letter{
    color:red;
    font-size:30px;
}

定义首行

x:first-line{
      background-color:orange;
 }

前面

x:before{
    content:"我在文章的最前面";
    color:skyblue;
}
需要用content(内容)来定义内容,定义的内容插入到段落前面

后面

x:alter{
    content:"我会出现在文章的最后面";
    color:red;
}
需要用alter(内容)来定义内容,定义的内容插入到段落后面

相关文章

  • C3选择器

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

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

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

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

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

  • CSS3学习

    基础选择器 伪类&伪元素 选择器 伪元素选择器 属性选择器 状态伪类选择器 结构属性选择器 文字阴影&盒子阴影 文...

  • jQuery之选择器

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

  • 伪类和伪元素

    伪类:CSS 伪类用于向某些选择器添加特殊的效果。 伪元素:CSS 伪元素用于向某些选择器设置特殊效果。 1、伪类...

  • CSS3选择器

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

  • css3-新增选择器

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

  • web-6

    目录◆ 结构伪类选择器◆ 伪元素◆ 标准流◆ 浮动◆ 清除浮动 一、结构伪类选择器 目标:能够使用 结构伪类选择器...

  • 前端03

    1.伪类选择器 伪类专门用来表示元素的一种特殊的状态 2伪元素选择器 3选择器的优先级 内联样式ID选择器类和伪类...

网友评论

      本文标题:伪类选择器,伪元素

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