css选择器.png
图中主要截取的是css中的伪选择器，不过看似都是以冒号开头，但是这里面有实质性的差别，到底是伪元素还是伪选择器呢
在css3中，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。
图中红线圈出的部分则为伪元素了,在css3中的写法改变为
::first-line
::first-letter
::before
::after
::selection
其中的before和after常配合content使用，例如
<div>
<h1>welcome</h1>
</div>
div:before{
content: "hello world"
}
还有一种常用效果就是清除浮动，
.clearfix:after {clear: both;}
伪类选择器： 和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见
伪类：CSS 伪类用于向某些选择器添加特殊的效果。 伪元素：CSS 伪元素用于向某些选择器设置特殊效果。 1、伪类...
伪类选择器 动态伪类（锚点伪类、用户行为伪类） UI元素状态伪类 CSS3结构伪类 否定选择器 伪元素 动态伪类 ...
css 伪元素 详述: 这篇文章是继 css的伪类 与 css 伪类选择器 后的 CSS伪元素总结， 意在总结连贯...
1CSS选择器的分类 基本选择器 层次选择器 伪类选择器 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素...
在学习结构性伪类选择器之前，先了解2个概念：CSS中的伪类选择器和伪元素： 1、伪类选择器：CSS中已经定义好的选...
简单概括一下CSS的选择器 基本选择器 属性选择器 伪类选择器 动态伪类 常用的四个锚点伪类 UI元素状态伪类 :...
CSS选择器|菜鸟教程 伪类&伪元素 在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义，而二者在语法...
css3为了区分伪类和伪元素，伪元素采用双冒号写法。 伪元素： [ 伪元素用于向某些选择器设置特殊效果，简单来说，...
属性选择器 兄弟选择器 伪类选择器 伪类target 伪元素before,after 其他伪元素
1 CSS伪类：用于向某些选择器添加特殊的效果。 CSS伪元素：用于将特殊的效果添加到某些选择器。伪元素代表了某个...
本文标题：css 伪类选择器 vs 伪元素
本文链接：https://www.haomeiwen.com/subject/jvrznftx.html
网友评论