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

OK啊，你学这些，学这些选择题的时候，一定要明白它到底是C3里面定义的，还是C2里面定义的，知不懂啊，怎么看，当你们应该干嘛看到过了啊，我比如说我在那里面看一眼啊，刚刚我们讲属属性选择题这一块，其实很多都是CL里面定义的，你。来看一下选择这块大看这边是我们刚讲的，你看上面这这三个你看是不都什么三是二级别第一的，你看从这边开始的，这三个是干嘛，谁在你面去定的，是不是这个呢？要你们定的吧，懂不这个出处你要把它搞好吗？OK啊，虽然说这跟技术没有什么太大的关系啊，可是对你的这个细腻度，学习的细腻度上面是有关系的啊，明白他的出处啊，教里。好，再来看，好啊，讲一个稍微重要一点的链接选择器。啊，现在我们讲的什么伪类与尾元素选择性啊，刚刚我们讲了基本选择性跟基本选择性的扩展，然后又讲了属性选择期吧，好，现在来讲一个就是伪类与伪元素选性是不是？首先我来问一点，尾类跟尾元素到底是什么东西啊？

但没学过一个概念，叫做分数。嗯。动数没学过啊，应该知道我还没学过，是不是知道有动这个东西吧？比如说我们浏览器在渲染我们的H的时候，会把H胞节点自上而下把它解析成一个动数吧，是不是？OK，伪类尾元素不存在于动数里面，也就伪类元素，为什么我的我们的这个呃，CSS里面还要去设计出来伪类跟伪元素呢？就是能让我这个CSS有能力去选中动数以外的一些元素。懂不懂啊，比如说这个伪类根元素啊，尾类代表什么？大家学过的伪有哪些？这是伪量，这个后完是不是代表一个元素的状态，是不你是不是有啊？我鼠标有没有放到你这个元素身上，我鼠标有没有点击你这些东西在动作里面可能有吗？不可能有，动数里面存在是一个一个的节点，知不道说尾类出来的目的是为了去拿到元素的一些状态。

懂懂元素呢？我们学过的最最常用的维生素B阿。是不是before的这种，如你before阿的，这是不是一个元素？是一个元素，只不过这个元素在不在动数里面，你解析的时候它不在动数里面的，懂不懂，说伪元素的出现是让我先有能力去拿到动数以外的元素，懂吗？这是伪类尾元素出现的一个意义，能不理解啊？OK，那我们学过第一第一种伪类叫链接伪类啊，大家是不是觉得这个啊，你看是不是觉得这个active是不是只能是链接来用的？Link是不是只能链接来用的啊，Link active只能是链接来用，他们叫做链接为列啊，比如说我们来看这里零三链接为列。

链接。为累啊，这估计是体育老师教好走，你好，第一个我们叫什么？不不不不，什么鬼。啊，应该什么伪类与伪元素选择器的第一类吧，叫做什么。链接为人啊，这个目录结构帮你们弄好啊，以后你们这个思路要跟着这个什么目录结构去走啊，第一种叫什么链接。链接为人好，整体链接为人有两有三种，Link link跟pack，我们来看一下link代表什么意思啊，这个link这两个毛尖为定，我直接推推过来了啊，这个没有什么讲究的，来看一下。

好立表示作为超链接，并指向一个未访问的地址，所用的什么毛啊，什么意思大家看。OK，大家来看现在我是一个什么，我把缓存先清了啊，这里清除缓存。说下好，来看一下，首先比如说我A标签把他的所有沙发全部去掉是吧，你看我是一个A标签一个啊，来看我A标签另个的时候你的他的是一个啊d test是不代表这个divb啊，D link的时候括号为PI啊来看一下D有没有用到括平没有，这你来看看。有吗？没有，你看他是不是已经用上了，说明这个link。

只能在链接上用啊D这种元素它是什么用不起来的，就是这个link叫做链接为类能讲link还有呢，还有个叫什么。吧，是不是来看一下这个元素应该能看懂，你看我立个的时候颜色是个颜色吧，比如说我立刻的时，那你是第方pick是不是走你，那你就应该变成低分，是不是我点了你之后，你应该变成片卡走你，我一点你就应该变成P卡，我再次刷的时候你应该变成。还是并为什么因为有缓存呢，啊，浏览器已经记住你这个点击操作了，你看我把缓存清掉。整理我清除缓存那就没了，来刷一下，你看你看。刷一下，我把缓存给他。你把地址井号。

清掉你看是不是就没了，那为什么我一刷它就有了啊，因为我这边是不是有个井号啊，因为你这个链接跟我这里面这个链接是干嘛一样的，他就在他就认为你干嘛被点过了告，比如把这个给他干掉，你看是不是地格是吧，你看我再点一下，你看是不是就就加了个号，说他其实他的一个什么，他的一个机制，他干嘛特级简单看我地址里面这个U跟你这个U是不一样，如果一样说明你点过了。不一样，说明没点过，而且得记住有个问题是缓存是不是能不理解，OK，而且这个link跟别线上只能用在A标签上，不能用在其他身上，懂懂，我问你件事情，Link跟问能不能把A标签的所有的状态全部包含在内。嗯。为什么不难，我一个一个链接，要么就是点过了，要么就是没点。

不是我问你你你浮动上去的话，他可能没有点击嘛，是不是啊，比是我A标签是不是什么，要么是点过的，要么是没有点过的，你把它你哪怕浮上去，它从它总得有个状态啊，你浮上去之后他也没被点过，比如说你一个A标签能不能用link跟把它所有的状态全部记录下来。能不能，是不是可以啊，记不记得我们有个规则叫做。我们说你的顺序是应该是为什么这个VLV啊，不是包啊，这个LV love跟边为什么放在前面。你想想，你想想，你把LV放在后面靠谱吗？你这个LV是不是可以把握A个清所的状态，全部含全部含盖在里面的，你想想你后的时候，如果我给他一个颜色的是拼，我立刻时候我给他颜色是电拼，搞你这个后面这个颜色能起作用吗？

起不了作用，永远会被这个定格，干嘛覆盖掉掉是不是啊，那你我们说那是不是这个LV，因为这个LV能把A标前的所有的状态全部涵盖住，所以说它是不是应该在最最前面。这个时候我后I才有作用了，不然后才有才有任何意嘛，就没任何意义了，懂不懂就说你要记住啊，可是你不能说，哎，在面试的时候问你啊，这个锚点我们在定的时候需要注意什么啊，Love hate。他能听懂吗？他哪怕听懂他就装了吗？听不懂啊，这个这个拉黑的，这个拉黑的谁不会记是不是，你得告诉他为什么是什么是吧是吧，因为我link跟visit已经可以把我A标签所有的状态全部涵盖住了，为了不让我的一些钥匙失效，我这个我这个link跟VE必须要放在后和active前面，而且你告诉他link跟只能在A标签身上去起作用，它们叫做点。

围类也叫链接为类人没讲这些概念，自己梳理梳理，把它梳理成一个树状结构，不然记不住的，懂吗？好整理，那我来看什么第二个。好，那这是不是讲了两个毛毛点尾量，OK，那是不是还有个什么他给啊，这个他给给你们好好讲讲啊，这个他给你做一些小功能。好，记住这个他的也是只能放在什么。A，标签上去用啊，那这个他上会有一个考点啊，比如说现在我来给你们做一个选项卡。啊，超简单只用CSS，你们有没有做过选项卡啊，这上面不是有三个按钮吗？一点出来个东西，一点这个东西坏掉，一点这个东西换掉，比如说我下面是个框的，一点这个东西换掉，一点这个东西换掉，一点这个东西换掉的是不是你们这件事情必须要用GS吧，没有GS能做吗？做不了吧，看只用CSS怎么做？诶，很神奇的一个东西，比如什么我先来三个A标签。

嗯。你这样啊，Half啊，我给井号div啊，这个我告诉你，待会为什么这边我要给井号，比如说这边我叫DIV1CTRL c div2CTRLCD3是不是啊上来我这边是不是三个div啊是吧？OK，那这三个div我们把它下划线给去了吧，好来一个style样式。好，比如说心什么marin干掉是不是做一些暴力事情，马in全部变成零走你然后呢，所有的A标签，把它的下划线给它去掉，他为什么为no是是则年好是不是这样的OK，现在我想实现个需求，点上去下面出来的东西，点上去下面出来的东西吧，是不是OK周你你看我怎么时间好嗯，来看一下，我先刷一下，都不要OK刷出它，它长这个样子，这个颜色有点二啊啊改成世界上最美的颜色deep一个啊看有没有hot一个。

啊，应该有是不是有没有啊，应该来一个第一个怎来看一下，哎，你看这都什么身份啊，OK来看一下，现在我下面再来点啊，比如说这个点ID什么D1整你好，比如说这个里面有个东西叫做DIV1，是不是好，下面再来一个么？DIV22DIV3，当你们发现我这个ID的命名跟这个是有联系的，是不是好走你我们来看这是DIV2，这是DIV3是不是，OK上来我给这个D微写点要啊所有的D走你我们说来个外为200PX，来个汉场也为200PXOK给个背景颜色，为什么啊，拼走你。

好是不这样的好，怎么让他们到一块去？其实也不需要阶段关系啊，上来我让他们第都为什么都没弄是不是第十全部问到是不是都都没有是，除非你要干嘛显示一个是不是，那怎么办？我说你这个D1吧，是不是有个D的，我让你默认这个为block整理，那是不是就会出来一个好们这个div居中，水平垂直居中，中国人的习惯就是水平垂直居中，懂道啊，怎么让这个D1水，怎么让一个框里面的文本水平垂直驱动，首先是T的等于什么，真的这是水，水平居中吧，走你随时居中呢，控制什么？然孩的航高是不是我杭高的没什么比，是我放大50P是不是来个未染雅A行不行？走你你看是不是比较大佬，那怎么让它所我在这边写个行高行不行，200PX是不是可以，是不是可以这么写走你哎，是不就过来了。

是不是现在我每次点的时候是不是要去进行切换啊，我之前用其之前用三写的话，应该是根本写不出来的，是不是，OK记住这边现在我们学了一个叫锚点尾类target什么意思，比如说这边我写一个冒号TT target是不是这个target它代表什么啊，它给代表一个元素，什么元素啊代表一个。你他只能代表你有ID的一个元素，懂懂这个D为什么呢，这个ID为。UR，这叫U。

等等，也就是说你这个target它能不能选中一个元素。能选中一个元素，选中一个什么元素？你这个元素的ID必须得是什么？必须得是你这个UI。能理解，那我问你看现在比如说我让你的display什么找你来看一下，我说一下。我说一下这边有一个。某点整理。怎么办？重新打开。你看上来是不是点DIV1啊，我点DIV1它就不出来点DIV2 div2出来点D3出来了，这个你看上来是不是这个DIV1有点。周年，比如说上来我不知道这个D干嘛显示周年。

嗯，比如说这个把它干掉是不是，你看是不是上来什么都没有，你看我现在我点D，我点上D他就出来了，为什么能出来。你是不是后面多了一个片段，这个片段我们说这个target它能代表什么。大代表一个元素吧，代表一个什么样的元素。这个元素的ID必须得是这个UIUI片段懂不懂，那我现在这个它给我点上去，这边是不是点一啊，相当于这个元素代表谁。I因为D的这个元素是不它，我让它变成不让，你看我是不是做了一个最简单的选项法。是不是是不是做了一个最最简单的表法。那么讲直播这个选法好像是会有个缺陷，一开始是不能有任何的元素吧，大家想想这个东西能解决吗？一开始怎么让它默认显示一个。

怎么它默认显示一个。想想怎么让它默认显示一个。感觉不是很好做。想想是不是上来，怎么他默认去显示第一个。想一想，好像用他好像没有和我的办法去给他实现了。是不是？你看那我们这个选项法是不是只能做成这样，是不是好像也没有什么好的方案，看它默认选中一个，想想有没有什么好方案呢？它默认选中，那我们来想想，如果我上来直接来个div行不行？D的display display什么，这我们刚刚这个方案说你上来就会干么，选中一个是吧，是不是，那这样的话，其实我们是不是最好定位啊。

是不是啊，你看现在我是不是div，你看全部在这边，因为div永永远不可能的嘛，那因为没有上div的味道啊，是不是啊，能不理解。也就说这边我只能控制哪个干嘛block吧，没办法控制你哪一个的display吧，啊，那这种方案也是有缺陷的啊，懂不懂，那可是这是这种方案是不是不这种方案不需要什么GS吧，也就说也就说一般会有一个考题啊，面试题就是说用CSS去实现一个选项考啊就就这么做的懂不懂啊，可是这个体验是不是比GS稍微差一点。能不能理解啊，可是这种东西大家要知道，知道这个什么target为类，它的意义是什么啊，就记住这个冒号target，它能代表一个。元素，一个什么样的元素？

一个元素，这个元素的ID必须得是一个U片段。什么叫U？什么叫UI？就是井号后面的内容，这个就叫U，懂吗？能不能理解，OK，这里。