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编辑器!