首页 / CSS / CSS中的伪类和伪元素

CSS中的伪类和伪元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS中的伪类和伪元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含845字，纯文字阅读大概需要2分钟。

内容图文

1、和链接（<a>标签）相关的

  1. a:link--定义未访问的链接；
  2. a:visited--定义已经访问（根据浏览器中的历史记录）的链接；
  3. a:hover--定义鼠标滑过时的样式；
  4. a:active--定义鼠标单击时的样式

2、和段落（<p>标签）相关的

  1. :first-letter  创建下落的首字母，使得首字母更大更粗（只能用于块级元素）；
  2. :first-line   用一种不同的颜色定义首行

在CSS3中为了区分伪类和伪元素，表示时在伪元素前面加两个冒号，如下：

　　　　::first-letter和::first-line(若网站兼容Chrome、Opera、FF和Safari等浏览器，为了符合CSS3的规范，最好用两个冒号；但若不得不兼容IE浏览器，还是用CSS2的单冒号安全)

3、其他的伪类和伪元素（主流浏览器的最新版本都支持）

  1. :focus  (焦点落在某处时触发)
  2. :before  可在制定元素的前面添加内容（缺点是不支持:before选择器的浏览器不可见）

　　　　还可以用before选择器为其改变固有样式（就像改变<ul>、<li>标签的样式一样）

　　　例：

            <
            p 
            class
            ="tip"
            >
            
  Hello World!

            </
            p
            >
        
            p.tip:before {
       content: "This is a tip!";
       color: red;  
}
  1. :after  伪元素，在元素后面添加内容
  2. ::selection  CSS3中的新伪元素，必须要写成双冒号

　　　　针对访问者已经在网页上选中的项目（选中的文本）；浏览器会高亮显示该文本（一般来说，IE是白色），也可以通过定义样式来改变

　　　　IE8和Firefox不支持，需要加供应商前缀使支持：

            　::-moz-selection {
        .......
}

　　　　　　

 

原文：http://www.cnblogs.com/zhaoyingli/p/5414206.html

内容总结

以上是互联网集市为您收集整理的CSS中的伪类和伪元素全部内容，希望文章能够帮你解决CSS中的伪类和伪元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1322129.html

来源：【匿名】