CSS后的伪类的详细解释

本文主要介绍了CSS中的伪类，这是CSS入门学习的基本知识，需要的朋友可以参考一下。

1。介绍

当您在上一次学习Web布局时，您必须清除浮动清除属性，因为您想使用浮动浮动属性。主要代码如下：

CSS代码将内容复制到剪贴板。
邮箱。
{
宽度：960px；
保证金：0汽车；
背景颜色：# CFF；
溢出：可见；
}
leftbox。
{
宽度：740px；
身高：300px；
背景颜色：# c9f；
浮点数：左；
}
rightbox。
{
宽度：210px；
身高：300px；
背景颜色：# FCF；
浮：错误；
}
清晰。
{
清楚：两者；
身高：0；高IE6 / * * /解决问题
溢出：隐藏；
}

当你看到它的时候，想想一个有用的CSS伪类在去掉浮动之后。我不记得了，所以在下面的条件下：

CSS代码将内容复制到剪贴板。

邮箱{。
宽度：960px；
背景颜色：# CFF；
保证金：0汽车；
}
leftbox {。
宽度：740px；
身高：300px；
背景颜色：# c9f；
浮点数：左；
}
rightbox {。
宽度：210px；
身高：300px；
背景颜色：# FCF；
浮：错误；
}
rightbox：{后。
清楚：两者；
内容：；
可见性：隐藏；
显示块；
身高：0；
溢出：隐藏；
}

悲剧发生了，在邮箱的# CFF的颜色没有出现在leftbox和rightbox中间，说明有错误的地方。问大谷歌后，这是经过CSS伪类应写在邮箱中发现的，那是：

CSS代码将内容复制到剪贴板。
邮箱：{后。
清楚：两者；
内容：；
可见性：隐藏；
显示块；
身高：0；
溢出：隐藏；
}

附笔.
1。现在回过头来看看上面的方法。事实上，所谓的浮动间隙上述方法不支持highly.mainbox，使the.mainbox元素可以直接follow.mainbox.it不会隐藏内部浮动的子元素the.mainbox下由于高崩溃the.mainbox.preventing高崩溃也可以通过创建一个BFC方法（如溢出：隐藏）。
2、if.mainbox设置高度大于或等于其浮动的子元素，则不需要做这样的清理浮的。邮箱的元素将不受邮箱内部的浮动元素。
三.如果不考虑of.mainbox崩溃的高度，建立明确的产权可以直接在弟弟元。

2。思考后

对在w3school伪类如下介绍：

定义和用法
后选择符在选定元素的内容后面插入内容。
请使用内容属性指定要插入的内容。

更模糊的是：选定元素的内容稍后；元素中的后面两个词。起初我把后面的内容误认为是所选元素的弟弟。

CSS代码将内容复制到剪贴板。
rightbox：{后。
内容：我在追；
显示：块
}

它会产生类似的。

CSS代码将内容复制到剪贴板。
我后

这个效果（当然，后面的伪类实际上不生成DOM元素）。

但是通过使用CSS伪类来检测浮动测试后，发现后者应该被解释为插入所选元素的子元素的位置后的内容，这类似于下面的效果。

CSS代码将内容复制到剪贴板。
我后
作为一个结果，有一种方法可以实现伪类清除后，而不是在rightbox：{ }，在路上邮箱：在{ }中使用的报价。

简要总结：伪类之后生成的内容应该位于所选元素的子元素的位置（以及在所有子元素的最后几个简单测试）中，而不是选定元素的元素的位置。
3实例。w3school

从本例中可以看到，后面的伪类内容的默认显示模式应该是内联内联。

事实上，我们可以看到，内容经过伪类应在所选元素的子元素的位置发现（出汗，然后耙一大圈找到）。在这个例子中，路后的P标签内容显示清晰，而你可以仔细的看，所以，它看到的例子也很重要。

我已经学会了00件在目前摸索前进的前面。水平有限，如果有不对的地方，我希望你能教你很多。

这真是一个伟大的爱的markdown编辑器！