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

伪类选择器和伪元素

作者: 沦陷_99999 | 来源:发表于2018-11-21 08:20 被阅读0次
1.正常链接
x:link{
    color:green;
}    

2.访问过的链接
x:visited{
    color:yellow;
}

注:(只能定义字体颜色,不能定义字号)
3.鼠标滑过的链接
x:hover{
    color:skyblue;
}

4.正在点击的链接
x:active{
    color:black;
}

5.获取焦点
x:focus{
    backgroud-color:orange;
}

6.选中的元素
x::selection{
      background-color:white;
}

兼容火狐浏览器
p::-moz-selection{
        background-color:orange;
}

伪元素

(给段落定义样式)

1.首字母
x:first-letter{
    color:red;
    font-size:30px;
}

2.首行
x:first-line{
      background-color:orange;
 }

3.before(前面)
x:before{
    content:"我在文章的最前面";
    color:skyblue;
}
需要用content(内容)来定义内容

4.after(后面)
x:after{
    content:"我会出现在文章的最后面";
    color:red;
}

相关文章

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

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

  • C3选择器

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

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

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

  • 伪元素和伪类

    本文将介绍伪元素和伪类选择器的一些知识,以及在VUE中伪元素的动态数据更新; 伪元素和伪类: 伪元素:在内容元素的...

  • CSS-常用选择器

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

  • CSS3学习

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

  • 前端03

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

  • jQuery之选择器

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

  • css3选择器,颜色,文本,盒模型

    属性选择器 03-伪类选择器01.html 伪元素before 和after 伪元素选择器first-letter...

  • 第十二章 高级选择器

    伪类和伪元素区别 伪类一个冒号,伪元素两个冒号 一,伪类选择器 伪类性质: 伪类性质:加冒号不会对页面产生布局结...

网友评论

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

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