09.尚硅谷_css3_伪类与伪元素选择器-伪元素选择器.wmv原创

啊，我特别喜欢在北京讲课，特别爽。啊，在深圳讲课啊，就是我讲一句话会不会。会不会会不会，就是怎么讲他们都不回，你特别高冷啊，来看一下啊，这边还有两个什么。两个结构性对吧，一个叫诺，一个叫什么M啊，这两个我们看一下就行了啊，我直接给你们贴过来。好，Note代表什么意思？好，那这也是一道面试题啊，经常会考，他经常会遇到，是不是干嘛我们说哎，像这种东西啊，比如说加一个右边框这种东西啊，是吧，我们说最后一个干嘛不要加吧，是不是在你这个选择题当中，你要排除一些东西啊。是不是，那你看哎，比如说什么上面这些都不要管，上面这些就是什么写最最最什么基本结构的懂不懂这些不要看，你看我这边找到这个D底下说的A标签，照理来讲没有这个not，是不是所有的A标签都应该有一个是吧，你看我。干掉所有的标签都要一个是不是啊，我们的需求是最后一个不要吧，那怎么办？排除一个诺干嘛，删除一个嘛，哪个拉嘛，最后一个干嘛不要嘛，懂不懂最后一个什么，最后一个A标签嘛，懂不懂都是在这个AA后面的，这怎么讲，你看这个时候就没有了。

为什么没保存？刷一下是不是就没有了，能理解啊，好，这也是经常会被考到一道一道面试题啊，CSS的面试题其实还蛮多的了，懂不懂这些都是逻辑上面的面试题，到后面关于什么CS是性能的，那我们放到后面再来讲懂不懂，OK，那这是我们说什么结构性为例，你们什么not吧，还有一个叫什么。什么意思啊，你必须得是空的，大家看现在我是不是好多div，几个DIV1234是个点吧，是不是我们这干嘛这个div都有一个高度，都有一个back望的是不来看一下。是不是这样的，嗯，我先不去给他选选择，你看我是不是说的div，你看我们说这个div的宽度是不是可以去继承的，是不是他拿的不就是么。

我初始方块的一个宽度吗？你现在是不是都有200的高度啊，你看只有两个三个吧，为什么？因为你们俩没有。内容吗？没有内容应该有高度啊。它其实是有高度的是吧，比如看给你一给你二要看一下。在这呢，懂不懂，OK，走你，然后我们，我说你这个D如果是空的，我把你的背景变成什么。这什么鬼，我应该用pink的是不是，看来这个单不是我敲的，好这点你看是不是有两个pink了，那么讲可是，哎，我说这个能不能选中啊，有个空格选不中必须得是空的，空到什么程度，什么东西都没有，懂不懂你有属性没关系啊，比如说你有个class啊。

这没关系啊，还是可以背什么。就中啊，你的内容必须得是空的，空到什么程度，啥都没有，有个空格都不可都干嘛不可以，能不讲好这里，这是啊。Empty，这能不能理解啊，OK，好，那这个note跟艾就讲完了，是不是啊，好，那我们来看一下是不是选择题这块所有的东西我们都讲完了。啊，结构性伪类这块是不是讲完了，是不是还有伪伪元素选择项，是不是啊，那咱们把这个元素选择题也讲了吧，好吧，OK。好，我们说伪类根尾元素，我们刚刚讲了尾类根尾元素出来是为了什么。是为了？是为了干嘛？为什么要有伪类跟伪元素啊？对，让CS有能力去选中多牧以外的一些东西。是不是你动物是以外的状态，比如说后跟什么。Active是不是啊？那这些是不是都是状态啊？有选到一个动物数以外的元素吗？

没有问你，你这个跟active，其实你选到的是什么。后来看一下我们是不是讲了。呃，什么鬼，在这边是不是讲过什么hover link问你这些东西，你选中的这个元素在不在动数里面？只不过动数有没有能力帮你去再开创一个结构，说哎，这个东西是你后会学求的状态有吗？在不在动数里面，不在懂不懂说这个动态为例，跟这个链接为类，它可以去干嘛？选中一个动物节点在动物数以外的状态。懂不懂，可是这个节点在不在动数里面。在动数里面懂不懂，那怎么样才能选中到动物数以外的一个元素呢？哪些元素是在动物数以外的？嗯。问大家，哎，来看一下嘛。我们说零四什么。

诶，怎么才讲了一二。诶。哦哦哦，伪类伪元素吧，是不是，你看这边讲了四个吧，是不是那第五个什么。零五，什么伪元硕伟。元素选择器是不是啊？OK，来看一下这个伪元素选择器，好，比如说我来写一个DEMO。好，就讲零一什么after吧，Before吧，For for。我们说比如说现在我来一个D是不是啊，什么叫DG，什么叫什么，一般我叫外是不是啊，好走你来一个style ST style标签是不是，我说找到你这个外，我元素最好用双冒号吧，是不是，OK来走你啊，可是元素用号行不行也可以是不是，可是建议用什么双冒号，OK，比如说我们说一一般什么yes play为block是不是，然后呢，我说为。

200为200是不为PI走，你比如说这个一一看一下。有没有？来看一下这个div。有没有before display还差什么？Content是不是最最重要的东西，什么是不是什么空是不是，你是不是出来了，问你这个元素要不要占位，要的吧，可是问你这个元素在动物数里面吗？不在，为什么不在。动姆数是解析HTM才会生才会生成的吧，你这是啥玩意儿？CSS给你生成的一个结构吧，这个结构在动数里面吗？不在页面上面有没有？

有。可它不属于我们动物素里面那种，能理解啊，说这种元素是不是动物素以外的元素啊，是不是靠CSS来生成的，其实来生成那一刻就已经选中了。是不是能不能理解啊，而且问你一个元素有多少个阿尔法的元素啊。想要多少个就有多少个。你是选择器啊，只能有一个。你干嘛，你再写一个干嘛，颜色换掉就给你。盖掉还会会有有另外一个结构吗？记住一个元素干嘛？上下就一个before，对，一个是比before一个是阿，就一个，也就是说一个元素有几个元素。两个一个阿的一个比，懂不懂只能有两个懂不懂，一般我们阿的是用来干嘛清除浮动。是不是啊，OK，那所以是不是有些元素我们能用的是不是只有before了？

有没有讲说不要这个before up乱用啊，它只有两个。这能不能理解啊，OK，那走你好，那这个before和应该比较简单吧，是不是？那这我就不讲了，懂不懂这个太简单了啊，其实这里面东西我们过过就行了，只要知道伪元素这个概念就可以了，懂不懂，OK，那我们再来看还有什么fast late，大家看现在我是不是有个div，你看div里面是不是SS啊，是不是，你看这个div是不是有个S，有个马凹啊，这是水平居中嘛，给他一个方嘛，是不是？你看我不写走你。很简单，是不是啊，这没有任何疑问吧？哎，你看发类代表什么？选中你第一个给你放大。懂不懂，这也是五元素。是不是选是不是选中了一个结构，它不是状态了，懂不懂肯定是一个结构了，能不讲，你看fast类是不是给你放大了，加粗了，颜色变了一点。

能不讲OK，那还那还有什么有fast line是什么第一行嘛，是不是，你看这是不是选出干嘛。第一行嘛，那比较简单嘛，懂不懂，那还有什么，诶这个好玩，你看我没有section。没有，就是个D是不是，你看我选中的时候是不是蓝颜色加白颜色，一开始这是黑颜色的吧，一开始我选中上去的时候，是不是这个背景变成蓝颜色，里面字变成白颜色，那这个三形可以把这个状态干嘛改掉，来看一下现在我背景是红色字应该什么颜色色走你刷一下是不是背景是红色支是粉色，能不理讲好这个叫做元素，元素就就这五种，这能不能理解，应该比较好理解是不是，那到这一块伪类尾元素全部讲完。看到没有，选择题这块东西全部给你们讲完，就一个优优先级没讲了，选择题就是C3这一块到底有多少选择器。已经给你们全部撸完了，能没讲好，可能有两个还没有录到啊，我们看一下。

怎么看我我我怎么知道没有录到啊，因为有规范啊，看一下规范上面。啊，有两个用的不多啊，所以说我们稍微提一提就行了啊，还有一个基本不用。来看一下。好，就喜欢看，基本不用了，是不是OK来看一下从上往下这边啊，来看我选中的是不对，已经讲过了啊，这个U是不是没有讲过，这代表选中根元素。写写吧。嗯，随便贴一个CTRLC。Jav。啊，因为有些浏览器底下根元素是HTL，有些浏览器底下根源素是玻璃嘛，是不是，那怎么办？那就统一他们来一个东西叫什么root是不是啊呃，波的吧，不ex soil是不是，有没有拼错。

没有吧，来看一下，走你。哎呀，我把那个关了干嘛。有没有选中，选中了我写错了呀。有没有选中，肯定是选中了，是不是，你看这嘛个元素嘛。是不是已经选中了，你看he这种元素有有吗？没有吗？能不能理解啊，OK，那个地址刚被我关掉了，首键CTRLC，再来看一次CTRL你。关掉好，有同学说看到英文我就头疼，是不是？啊，你看这边干嘛。翻译成中文吗？你会不会翻哦？啊，他可能翻的时候干嘛不是很恰当，懂不懂，可是最起码翻的八九不离十吧，懂不懂啊，还是显示原网页，为什么啊，你让我读我还是会读的啊，啊不是你让我看我还是会看的，让我读就够呛了。

好了，看一下那这一块是不是也讲完了，下面这一块看有没有没讲过的。没有都有了，他给他这个是吧，这个不要看了，这个干嘛，一辈子你能干嘛，用不上懂不懂啊，所有的选择题里面，除了这个没讲，其他都已经讲了，懂不懂，因为这个实在太激烈了，懂不懂没有什么，没有什么场景可以用下面呢。是什么警告的一个元素吧，这种我们也模拟不出来懂不懂，那就相当于什么。是不是这两个没讲啊，因为这两个你干嘛打死你就干嘛，用不到其他都已经讲过了。是么D啊，挺号码I选择啊，这是ID选择啊，讲过了啊，就这个汪你跟着么，那没讲过懂不懂，而且这两个不需要你们去懂，为什么，因为有为什么不讲啊，有些同学花70%时间用在30%这种我们不用的东西上。

你说你这时间浪不浪费啊，这种就不要记他了，懂不懂没有任何意义的，能不能理解，OK，好。这里那到这块所有的选择题全部讲完，OK。