CSS3 选择器 伪类选择器介绍

2020-04-30 15:17:59易采站长站整理

那么我们简单了解一下他们的作用

::first-line选择元素的第一行,比如说改变每个段落的第一行文本的样式,我们就可以使用这个

p::first-line {font-weight:bold;}
::first-letter选择文本块的第一个字母,除非在同一行里面包含一些其它元素,不过这个主要运用于段落排版上多,比如说首字下沉,

p::first-letter {font-size: 56px;float:left;margin-right:3px;}
::before和::after这两个主要用来给元素的前面或后面插入内容,这两个常用"content"配合使用,见过最多的就是清除浮动,


.clearfix:before,
.clearfix:after {
content: “.”;
display: block;
height: 0;
visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

当然可以利用他们制作出其他更好的效果,比如本站首面的那个三角纸张效果,也是通过这个来实现的。

::selection用来改变浏览网页选中文的默认效果,有关于“::selection”使用,大家可以点击《CSS ::Selection》。

那么有关于CSS3的选择器到这里就全部介绍完了,如果你对这个东西感兴趣,你可以点击这里了解更多的知识。如果你全部看完了这三章关于CSS3选择器的文章你很快能发现,其实有很多选择器和jquery中的选择器是很相似的,新的东西并不多,个人认为最实用的就是:nth-child这些,在特定的环境中所起的作用还是蛮大的,如果你是一位前端的大胆尝试者,你可以尝试这些新的选择器使用方法,这可以让你省去不少的标签,如果你认为还不实用在项目中,但让你学习还是蛮不错的。哈。。。。

如需转载烦请注明出处:W3CPLUS