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

OK啊，那这半天必须把这个选器搞搞透啊，以后再问你任何选择器的问题就不要动哦好吗？你就是要把人家干嘛秒杀掉好走你好来看一下好，其实我们上午第一节课讲了基本选择器啊，属性选择器，伪类与尾元素选择器的第一种链接为类是不是啊，你们可以去看这个他们的这个文档啊，也可以跟着我这个呃，马克到这个文档去走啊，因为如果有些东西有必要的话，我就会帮你们做申报个到，没有必要的话我就直接干嘛。他们的了能理解啊，那比如说这个。布局部扩展这块的很多东西都是有一些树状结构的那种，他卖的比较好啊，用马克大的话就是你们好CTRLCCTRLD啊，做做笔记的时候你们比较好复制，能理解啊，啊不要只按照我这个思路去整啊，要有自己的体系能不理解啊，好找你那继续。好，那我先把这个断掉。啊，如果你们用HP的啊，其实你们去做S的操作的话，是极其简单的啊，要导要导入个项目干嘛，这边导入啊，导入这边有个什么从S分检出项目吧，啊直接把它剪下来就行了，懂不懂啊，可能需要安装一个插件，好走嗯，好来看一下，那我们接下来继续讲。

好，刚刚讲到了，诶这是什么鬼，刚刚讲到了链接伪类吧，现在讲动态类啊，动态伪类有两种。好，动态位置有哪两种呢？来看一下。课件全部上，这讲的是链接为a ctrl c ctrl b02，动态为类，链接为我们讲了几个，讲了三个OK，哪三个发给他是不是OK，那动态呢？啊，这两个给他干掉。好，我们来看一下动态伪列。

好，动态为类，其实来看一下动态为有哪两种整理啊，想想你们还有学过什么为类啊？Half跟active是不是OK，比如说现在怎么玩呢？啊，直接贴过来吧。嗯，这个比较简单，我就直接贴了。CTRL这个后跟active大家都有用过吧，是不是，你看现在后active用在谁身上？身上吧，是不来看一下上走，你来看下，这是我说的时候吧，变成。红色吧，是不是瑞的是不是走你你看这个粉色走开后走开，然后什么。X是什么？点的时候吧，你看点的时候松手，点的时候松手是不是OK，你你看现在是不是就是一个什么后尾跟H完全可以用在DA身上吗？Link跟V的能用在div身上吗？用不了link跟V的叫什么链接尾类，也叫锚点尾类，是没有办法用在DA身上的，能不理解OK，可是这个后跟active基本上什么元素都可以用。

啊，问你D能不能用，肯定能用，A标签能不能用，百分百能用啊是否我们来看一下嘛，比如说我们来做个实际的需求啊，CTRLCCTRLB02。啊，还是讲动态伪例吧，讲一个需求啊，什么需求呢？比如说我来很多A标签啊，是不是，嗯，A标签这边全部井号吧，OK，好，其实我第一个加va script是这么写的。啊，你们应该这么玩过吧，是不是OK这个我说干嘛，我们说这边如果我一个什么，比如说什么哈，学每个语言都有什么哈吧哈。

L吧，是不是啊，没有给错吧，啊，好像有点需要找你来看一下有没有。来点一下很好没有啊，哪边出错了。啊，有了两个双引号吧，应该一个双引号一个单引号吧，是不是这里再来看有没有。点一下你看hello是不是啊，这是我第一个加hello是不是，大家有没有看过一种功能，360的功能叫清除缓存啊，要清除清除缓存是不是啊啊，有时候需求太多了，做不完怎么办？OK，清除，反正我也不知道你这个功能有没有做，是不是，那就清除成功。啊，OK，走你啊，这是他们做的一个功能一点啊，清除成功一点好，也很开心，自己的缓存被清掉了是不是，其实呢，什么事情都没干啊，这是需求干嘛。

做不完的时候是不是先骗骗人家，你会发现所有的前端都是在做什么啊，很多的事情你们都是在做障眼法啊，你们看到之后写动画的时候一样觉得这个动画特别牛啊，然后我们写的时候又觉得多啊，怎么是这种写法，怎么那么low啊，可是你看到的效果就是特别牛啊。好，大家看一下，我们来做一个吧，比如说啊，社会我龙哥，社会我龙哥什么人为子眼。OK，走，你来这边，比如说全部给他干掉啊，一般我们说A标签不想让它有跳转，这不就是什么这么干啊，相当于你是在这个UIUI地址里面去执行的一个表达式，这个表达式就是个封号，什么都不敢，是不是好走你。

来看。好呃，把它让他们去这样吧，稍微改改样式啊，感觉暴力的事情，把清掉看点清掉OK，然后呢，所有的A标签对吗？我们说text decreation when吗？文档啊，清掉之后呢，我们说COLOR1方法全部画成black啊周好怎么让他们去display吧，把他们的display统一调成block，那是不是都读占一行啊是不是啊，OK，那经常我们有一个小功能啊，比如说A标签啊，我们在剖的时候让它的方法S变成48PX走，你好，好像咱们做比较大二十四三，你看咱们是不是相当于做了一个什么放大的功能，是不是，其实呢，你有放大啊，用到任何的放大数据吗？啊，没有。

就是改了个吧，是不是好，那想想那这个DEMO它有什么意义呢？比如说那它比如说我A标签后的时候是把它放大，那这样我说你link的时候，哎，我说你的帮他。为48PX啊，比如说我再来一个你A标签干嘛。的时候。链接的时候我让你放在也是方法和还有作用吗。你看有吗，就没了，所以说干嘛我们说这个link跟么怎么放，你也不能放在什么后面的下面，一定要放在后面的前面点，你看呃，反正起作用了是不是折点，可是我们说干嘛一般这种效果什么不应该立刻跟，也就是说么，我们这个顺序排这个顺序的问题叫什么拉。

Hit是不是最后一个是active能不理解，所以这个LV必须要在什么还的前面，OK，还得看几个问题，好，大家看。好，我们说你另开的时候方程为48是不是啊，没人填的时候方向为多少也是48吧，是不是就是这个状况，照理来讲，如果说别人写的时候，我要变成96是不是？来我刷一下，我把所有的缓存先先清一清。啊周啊，不是扩展程序啊，所有的缓存全部。清除掉是不是，也就是说现在我没有做过任何的点击吧，上来就是应该选中你这个立个状态48点嘛，可是我如果点击一个看我点咔嚓。做理论的，它应该变成多少？了吧，现在变成吗？没有说明这个样式有没起作用，没有起作用我们来看一下。这点选选中，你看link跟边是不是都在啊，可是你这个样式明显是什么48PX8是不是压根都没有用到96PS啊，好像是没有选中我这个VV的所身上的样式吧，是不是OK这是什么？告诉大家啊，V的身上是有个限制的。

啊，为什么要有这个限制，不要问我，我也不知道啊，可是他就是他可能是出于某些原因的一个考虑，我们来看一下隐私与V的选择性，只有下列属性才能被应用到已访问的链接卡了，网的卡了不的卡，也就说这边我写color了行不行？比如说如果你后背的时候，我让你这个color。我还是黑色，是不是稍微变？红色是不是的时候啊，红配绿是不是OK，红配绿走绿色是不是V的时候看了应该为。

世界上最美的PI，走你那我先把缓存全部来清一清是吧，我先不管全部缓存全部清掉是吧，刷一下大家看什么颜色绿色，为什么应用的什么link可吗？一个都没有什么点击过吗？来看我点一下。点了没点了，为什么看了没有拼卡。是不是点了啊，为什么，大家看我每次点的时候大家有没有发现。你看我这个幺是不是跟你这个什么这个幺一样吗？不一样，所以他就认为什么。认为你有点过吗？没有点过，刚刚是不是已经说了这个机子了，所以说这边能用他吗？不能啊，我们来看吗，井号吧，井是不是也可以啊，井号相当于不去做跳转吗？可是你会发现这个URL它会有什么有变化的。

周年。点去ID来吧，好刷一下。你看现在是不是没有，你看我一点全部变成。什么粉色吧，为什么全部变成粉色？我只点了一个。阿弥陀佛。我只点了一个，为什么全部变成粉色，来把缓存再清一清。刷一下清掉来刷一下，你看现在是不是缺不对劲不对劲。缓存给它清掉。是不是，然后呢，这个井号给他干嘛去掉是不是，你看都是什么绿颜色吧，那我是不是点第一个，你看全部变成粉色。这好奇怪。哦，你看我跳出去是不是都是警告他不是不是认为干嘛都被点过了，这不就尴尬了。是不是井号一？这就尴尬了，是不是11折年来刷一下，你看是不是这有这有第一个，因为你这个没有匹配上嘛，这个机子少不少，其实啊挺少很很少是不是OK折点咱们看你看我点第二个走，你第三个走，你第四个走，你是不是很明显这个color有没有用上。

放size有没有用上没用，因为干嘛V里面的方就是干嘛，相当于没的，你方是没有任何用的，知不知道里面只有三个属性能起作用，什么color单的color根。我的卡了啊，这是浏览器本身的逻辑，不要问为什么，就是这样的，记住他就行了，懂吗？OK，那走你好，那到这一块，我们说后面X5是不是也讲完了，是不是，而且知道了V里面是不是有一个叫什么隐私与V的什么选择项，我们说VC在底下只有这三个属性能起作用，其他视频起不了作用的，懂不懂，OK，好。

我比如说把这个干掉，只你你看他们三个是不是还是选中的，因为有什么啊，他们四个是不是还是选中的，因为有缓存了，我点过了不要记记住了。是不是缓存清的还有吗。没有了。你好，你看是不是就没了，你看我点一个点一个点一个点一个，是不是现在你哪怕这个U变掉。亮不亮亮的，因为我浏览器记住你这个点击动作了，懂懂OK。好，那到这一块是不是我们把这个动态伪列也讲完了，好，现在你要把这四四个伪列是不是要干嘛分开来了，也就是这个拉he是不是要干嘛分开来记了啊，又是链接的，又是什么，所有的元素都可以用的，懂不懂OK好，这是我们讲的动态类。