CSS细节问题总结------伪类

伪类

CSS伪类是用来添加一些选择器的特殊效果。

(1)伪类可以与 CSS 类配合使用:

a.red:visited{color:#FF0000;}

<a class="red">css</a>

(2)first - child伪类

使用 :first-child 伪类来选择元素的第一个子元素

1、匹配第一个<p>元素

2、匹配所有<p>元素中的第一个<i>元素

(3)input:focus伪类

(4)启用和禁止的表单


(5):before 伪元素

":before" 伪元素可以在元素的内容前面插入新内容。 

(6):after 伪元素

":after" 伪元素可以在元素的内容之后插入新内容。

(7)所有CSS伪类\元素

www.runoob.com/css/css-pseudo-classes.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文转载自:众成翻译译者:为之漫笔链接:http://www.zcfy.cc/article/239原文:http...
    极乐君阅读 7,412评论 1 62
  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 885评论 0 1
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,100评论 0 1
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,875评论 0 5
  • 图取益州 刘备到隆中拜访诸葛亮时,诸葛亮给他规划了宏伟的前景,刘...
    战国客阅读 1,070评论 4 4