美文网首页
CSS细节问题总结------伪类

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

作者: 一只dororo | 来源:发表于2017-08-29 16:11 被阅读0次

伪类

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

相关文章

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

    伪类 CSS伪类是用来添加一些选择器的特殊效果。 (1)伪类可以与 CSS 类配合使用: a.red:visite...

  • css伪元素

    css 伪元素 详述: 这篇文章是继 css的伪类 与 css 伪类选择器 后的 CSS伪元素总结, 意在总结连贯...

  • CSS伪类选择器总结

    CSS伪类选择器总结 动态伪类选择器:link, 链接伪类选择器,超链接未被访问前:visited, 链接伪类选择...

  • 伪元素和伪类

    一、伪类 1.1 定义 css伪类:css伪类用于向某些选择器添加特殊效果。 伪类其实与普通的css类相类似,可以...

  • css伪类(Pseudo-classes) & after be

    anchor伪类 Eg: 伪类和CSS类 伪类可以与 CSS 类配合使用: 在一个节点前后加节点

  • CSS 布局

    CSS 布局部分总结 首先,我发现伪类和伪元素其实在CSS3之前都是一个冒号的、CSS3为了更好区分则伪元素使用2...

  • part2: CSS基础-练习

    CSS全称: cascading style sheets 谈谈css伪类与伪元素 这是我见过最全的伪类和伪元素总...

  • css基础——2017.2.21

    css伪类 :link 伪类将应用于未被访问过的链接。IE6不兼容,解决此问题,直接使用a标签 :hover 伪类...

  • CSS伪类:first-child

    CSS 伪类用于向某些选择器添加特殊的效果。 CSS伪类的基础语法: 当然,CSS类也可以与伪类搭配使用: 在我第...

  • CSS

    伪类的语法: CSS 类也可与伪类搭配使用。 伪元素

网友评论

      本文标题:CSS细节问题总结------伪类

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