HTML - 伪元素

<html><head><title>伪元素</title><style>a:link{color: green ;font-size: 1cm ;}a:hover{color: red ;font-size: 2cm ;}a:active{color: blue ;font-size: 2cm ;}a:visited{color: yellow ;font-size: 1cm ;}p:first-letter{color: red ;font-size: 3cm ;}p:first-line{color: yellow ;font-size: 1cm ;}</style></head><body><a href="http://www.aaa.com">aaa</a><br><a href="http://www.bbb.com">bbb</a><br><a href="http://www.ccc.com">ccc</a><br><a href="http://www.ddd.com">ddd</a><br><p>aaaaaaaaaaaaaaaaaaaaaaaaa<br>bbbbbbbbbbbbbbbbbbbbbbbbb<br>ccccccccccccccccccccccccc<br></p><p>ddddddddddddddddddddddddd<br>eeeeeeeeeeeeeeeeeeeeeeeee<br>fffffffffffffffffffffffff<br></p></body>
</html>

目前就只有a标签和p标签有伪元素表示。

以上仅为测试使用，所以看起来会比较夸张。

IE浏览器：

火狐浏览器：

HTML - 伪元素相关推荐

css 伪元素::after与::before的使用
CSS伪元素是用来添加一些选择器的特殊效果. 一般使用是类或者id::after , 类或者id::before ::after是在类的后面处理逻辑 ::before 是在先的前面处理逻辑它们都 ...
CSS3——对齐组合选择符伪类伪元素导航栏下拉菜单
水平&垂直对齐元素居中对齐 .center {margin: auto;width: 50%;border: 3px solid green;padding: 10px; } 文本居中对齐 ...
cssbefore图片大小_两小时学会CSS-before after 伪元素
什么是伪元素? 不会出现在DOM中,不会改变文档内容,仅仅是在CSS渲染时加入,不可复制的元素. 常用伪元素: ::first-letter, ::first-line,::before,::afte ...
css3伪元素选择器before 和 after 的使用
:before 的作用, 在子元素的最前面, 添加一个伪元素, 伪元素内容通过 content 控制,可以在content属性中写入文本内容,但是通常为空字符串. :after 的作用, 在子元素的最 ...
css 选择器伪元素_CSS伪元素-解释选择器之前和之后
css 选择器伪元素选择器之前 (Before Selector) The CSS ::before selector can be used to insert content before t ...
css 商城两列_如何使用css伪元素实现超实用的图标库（附源码）
今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力,做出一些脑洞大开的图形. 预备知识伪元素伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特 ...
基础知识--:before伪元素和:after伪元素
http://book.51cto.com/art/201108/285688.htm 3.7 替换指定位置大家都知道before和after是前.后的意思.但是奇怪的是,CSS中的:before ...
详解 CSS 属性 - 伪类和伪元素的区别
2019独角兽企业重金招聘Python工程师标准>>> CSS 伪类用于向某些选择器添加特殊的效果. CSS 伪元素用于将特殊的效果添加到某些选择器. 可以明确两点,第一两者都与选择 ...
CSS3伪类和伪元素的特性和区别
前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及<a>标签的:link.visited等,伪元素较常见的比如:before.:after等. 其 ...
CSS before / after伪元素
CSS伪类对象 after和before的用法 IE对after.before是不支持的,请在firefox.opera.chrome下试调! :before 语法:Selector : before ...

HTML - 伪元素

HTML - 伪元素相关推荐

最新文章

热门文章