35.尚硅谷_HTML&CSS基础_伪类的顺序.avi原创

的这个继承还有一个优先级的问题，那刚才给大家留了一个问题，就是说我们这个呃A的委类到底有没有一个顺序的关系，那我们先来写一下啊10A的这么一个尾类怎么说，其实A的尾类比较简单，一共就那么嗯四个是吧，哎一共就那么四个啊来我们先写一车链接，先来一什么呢？先来一个这个访问过的链接，访问的链接我们这个h drive，直接来一个h drive，来一个这个HTTP冒号斜杠斜杠3W点百度点com，然后再来一个这个诶未访问的未访问问随便写一个百度1234567保存，然后呢，这给它俩换行啊网正二运行，一个是我们这个未访问过的，还有一个是访问过的，还有一个是我们这个未访问过的，那接下来我们来设置一下样式啊，Style，写一下A的伪劣，回顾一下，第一个我们有一个叫A一个什么呀，Link，常规的普通的一个链接，我直接给他来一个color color。

来什么呢？来一个这个，来一个这个yellow green吧，嗯，然后呢，还有什么呀，诶冒号一个visited，诶访问过的链接对吧？诶color，我们来一个这个呃，Red，诶红色的，然后呢，还有什么呀，A，冒号一个这个ho ho，我们来一个color，直接来一个这个orange，诶orange鼠标诶一入这么一个状态，还有一个是什么呢？我们的这个active，诶点击这么一个状态，点击呢，我们来一个这个呃，来一个color，来一个这个blue，诶这个吧，保存下边我们来看一刷新它在样式是不是变了呀，访问过的变成了一个红色，没访问过的变成一个绿色，当我鼠标移入的时候变成一个什么呀？诶橘红色是吧，诶或者橙色，然后我这一点击变成一个这么一个蓝色啊，一点击变成一蓝色，诶，就这么一个，现在我们这个伪类都洗完了，但是我们来想想，那这个伪类它有没有什么。

顺序的关系呢？哎，那我们来说涉及到，哎，我们说涉及到我们这个A的这个尾类一共什么呀，一共有四个，一共有四个什么呀？呃，Link咱们再列一下啊，再列一下，诶link还有我们这个诶visited visited，还有一个叫做power，还有一个叫做一个active，诶一共有这么四个，而什么呢？而诶这四个优先级啊，四个选择器的这个优先级是是一样的啊是一样的，那我们想，那我编写这四个选择器的时候，它有没有什么顺序问题，有没有顺序问题，哎，那我们说了，我们这些尾类实际上是表示的一个特殊的什么呀，特。

殊的状态吧，哎，特殊的状态，那我们说link是一个状态，就是一个普通链接连接一个状态，然后V也是一个状态，是一个什么呀？访问过的链接的一个状态，然后还有什么呢？Ho是一个状态，鼠标一入这么一个状态，对吧？还有一个什么呀？Active是什么呀？是激活的这么一个状态，那我们想想这几个状态有没有可能某几个状态它会同时出现，有没有可能某几个状态会同时出现呢？比如说ho和active这两个状态会不会同时出现，很可能同时出现吧，什么时候同出现了？Ho表示什么呀？后面表示的是鼠标移入，而我们这个I表示什么呀？是不是正在被点击啊？哎，正在点击或者叫激活啊，正在点击，那我们想想，如果我想点击这个超链接，我鼠标不移进去能点吗？我搁外边转圈我能点吗？

是不是点不着它呀，我要点它最少你得干嘛呀，你得先移入吧，所以你会发现当我一点击的时候，当我们这个什么呢？当我这个链接处在一个active状态的时候，它一定同时也是什么，是不是也是hour啊，哎，也是hour，所以我们说了active和whole这两个状态，它可能什么呀，是不是可能同时出现呀，那现在问题来了，来，我把whole和active换一个行不行？行不行了，想想你先推理一下行不行，后边跟I换一个，那我们说了，当我去点击这个什么呢？点这个链接的时候，它现在是什么？是同时处在和ho和active吧，好，你现在要看我点啊，我一点诶变吗？是不变呀，这变是我移出去以后才变的吧，哎，但是我在里边的时候变没变没变，这是为什么呀。

哎，我们说了，当我点击的时候，我们这个超链接它是同时处在active还有后这个状态吧，也就是说这两个样式是不是都满足啊？那问题来了，两个样式都满足，那到底用哪个呀？是不是看原级啊，那谁原级高啊，一样的吧，一样的怎么办了，是不是用下边了呀？哎，一样的就用下边的了，所以这里边注意我们这个后能不能写到I下边后，如果你写到了active下边，那active你就不用写了，为什么？没用了吧，哎，没用了啊，所以注意ho是不能写到这个act下边的，那我们再来看，那你说这个link和这个visit它有没有关系，我把放放到上面行不行，哎，换句话说，这两个东西有没有冲突，哎，没有冲突，我们来看个效话，我这一刷新来走你诶是不是没关系啊，诶没关系，因为这两个东西没有冲突，一个东西处在这个visit，它就是什么呀，它只要访问了，它一定是不是什么呀，未访问状态，所以这两个东西是没有冲突的啊，这两个顺序没有关系，但是注意了，我如果这么写来CTRLX。

我把link和visit放在这个ho和这个active下边，行不行，行不行了，那我们想想，我一个链接要么就是一个什么呀，没访问过，要么就是什么呀，访问过每个链接是不是肯定处于这两个状态之一啊，那好了，那现在我们来看，把这两个样式写到了他们的下边，那问你了，这两个还有没有可能出现了，哎，就没有可能啊，我这一刷新走，你一入一入点击是不是都没用了呀？哎，都没用了，为什么？因为这两个的是不是把上边给覆盖掉了呀？哎，覆盖掉了啊，所以注意我们写这个A的伪列的时候是有一个顺序的，当然了，我们这个link和这个visit顺序没有要求，但是注意link和visit必须得在什么呀，Whole和active的什么呀，上边啊上边，所以我们写尾的一般的顺序就是什么呀，就我写这顺序，Link visit whole，还有什么呀，Active，哎，怎么记要一什么呀，LV。

什么呀，Ha啊，Lvha叫什么呀？Link visit ho，还有一个什么呀，Active，你要不好记什么呀，叫做叫做love love and是吧是吧，哎，Love hate是吧，爱与恨这么一个是吧，诶love啊，这么一个顺序啊，所以注意你如果是写了这四个尾类，一定要注意顺序，Link v horror，还有这个active这个顺序一定要不能记错了，这是就是因为我们什么呀，优先级的一个不同啊，优先级的一个不同，好，那这一块我们就说完了。