07.尚硅谷_css3_伪类与伪元素选择器-结构性伪类.wmv原创

C，好，呃，那我们已经表单位题是不是也讲完了是吧，表单位题讲完啊，下面要讲结构性为类啊，那这是我们C3选择题里面的一个重点。好结构行为。零四好，这个我们单独来写，结构性为类，把这种选择性之后，我们会用的特别多，结构性尾渊啊，看来我经常不打这个尾啊，尾类OK，结构性伪类，我们来看结构性伪类有几种。好，那到这一块表单位类全部讲完，是不是OK讲重点结构性围类，好结构性围类有这么多，好来看一下好结构性伪类里面有个叫nice跟nice of type啊，这是两个比较经典的结构性伪类，先记住它一个叫nice，一个叫nice of。太OK，我们来看一下什么叫nice，什么叫nice，好OK好，林一好，就是两个系列，一个叫系列。

啊，这个发音不标准啊，因为以后还会有比我更不标准的来啊，所以说你们忍着好，Let's of，什么t p tap是不是OK，好。对比的来吧，好吧，OK来看啊，它后面是其实是会跟一个什么inex的，好来看一下好一般我们说这个inex你们学到现在大部分都是从零开始，是不是记住这个不一样，就这个index从什么。一开始的啊，我觉得这个设计特别糟糕，为什么是不需要你去记了，做年你把所有的一篇全部设计成从零开始不就好吗？是不是你非得给我整个什么从一开始的，你说这人贱不贱啊，机器在贱啊，这个特别的不友好啊，好，可是你服不服啊，你必须得扶啊，是不是来看一下九点，好，我们来看，嗯，比如说我来写一个一。

好一杠什么？China。下去是不是OK，来看一下，比如说想想怎么玩。来ul加LY的结构吧，OK 199992345678，这个能看懂吧，啊这个看不懂，你给我出门左转好我了，只有你好来看一下，来一个T调标签是不是好标签里面我们写什么。这叫样式表，然后我们要写什么，这叫规则啊，OK，为什么1PEN定为这是我们写的第一个规则是不是，那再来一个规则是不是，什么规则呢，我们说。

嗯，这不是我们的外OK外底下的LY，这叫什么选择器啊，后代选择器吧，是不是OK，我们说什么外，我们来一个结构性为来差一的，是不是一选中哪一个第一个。是不是OK让你的什么，现在是不是没有什么后代的，那我写一个color也行吧，没有记不记承吧，我只有一个元素吧，是吧，来看一下卡选不选中。选中吧，好走你那我你我这边来个批标签，虽然说这个不符合么设计规范吧，可是我来测试一下，那这应该这应该。应该还是一吧，是不是来看一下一有没有中，没有中是不是好记住这个next代表什么意思啊啊什么。

比如说现在我就看这个选择键CTRLC啊，我说我这边写零行不行啊，不可以的，它从一开始的懂不懂找L你那我们就来解读这个选择器，它是什么意思啊，它说什么，从外B底下找到所有的LY，去找第一个LY吧，是不是好，其实意思不是这样的，什么意思呢？他嘛去找到什么。找到外底下的所有子元素是不是并且选中它。第一个子元素懂不懂？并且两个并且了，这一个子元素必须是哪位？

能不能解，如果把这个L改掉，改成什么？一一那个子元素必须得是一，能不能解，你是标键行不行都行，你看我是不是找到，先找到外B底下，外B是不是U，找到这个web底下的所有的子元素吧，OK，找到你第一个子元素要选中你那现在能现在可以选中吗？选不中，我的要求你是你这个子元素必须得是。哎，那假设不一样的，懂不懂OK。好，那我们来看一下这样行不行，完全可以吗？你看是不是就干嘛直接给你选中了，为什么我们说找到你这个外部加的所有的元素。是不是第一个元素选中你第一个元素，而且你第一个必须得是。Y，我是不是就可以吗？你们讲比如说刚这边是个P标签啊，是不是个屁啊，是不是，那我这边改成标签行不行。

只你可以吗？懂不懂，可是我这边改成零，那就不行GG了，懂不懂，OK他的，所以必须是从一开始的，能不能理解啊，好大看跟它有一个什么对比的什么。好，这么留着吧，跟他来个对比的，CTRLC叫什么？N of tap OK of，杠，P p tap是不是看一下这什么nice of什么意思？OK，这个改成是不好，那of。TYP是不是OK，这个O，记住这是O不是零啊啊改上次改bug也改了好久，发现这个O显在那零好来看一下好这个它代表什么意思，现在我是不是找D，你看是不是找到外底下所有的子元素啊来看它第一个子元素你看有没有选中。

也也选中了吧，可是你看我把这个皮标先给我选到后面去。看他能不能选中。也是不是也可选择，这代表什么意思？找到外底下所有的数，并且选中第一个。第一个什么一一元素，只要找到第一个就行了，那这个什么找到外底下所有的元素是不从这什么。其实你要说的稍微简单，就是找到外部底下第一个皮标签。是吧，你看外部底下第一个标线。对，没讲他有什么的限制吗？没有，他比那下的比起来的话，这个稍一个吗？宽松一点能没讲好，这两个选择性能不能区分开来啊，经常会问你那跟那它有什么区别啊，应该能说出来啊等等，OK，那当然它的区别啊，这是一个区别，还有很重要区别，我们待会再来说能不讲好，首先这个最明显，这个区别能不能区分开了，可以了吧，好周你那我们再来看好，那从他身上衍生出来有发丝的，他这个什么意思？

第一个等等，比如说我们来写一个CTRLCCTRL02。好么？F发射其实就等于一。能不能讲，那比如说干嘛，我这边全部给你干掉啊，我就给你来个什么。不不不干什么，First是不是他需要跟什么，所以。要吗？不要，比如说这边把这个卡里掉改成波的为EPX的实性是不是就是页面上哪些元素会运用到这个样式U。

幺吧，应该有好多好多，是不是只要你是别人的第一个儿子，你就应该用到这个样式，是不来看一下走你是不是有很多很多，我们来看一下，F要进来，首先我们来看。用上。很明什么说明是不是我文档的儿再来看用上。有没有有，为什么我害的是不是你HD的第一个儿子，是不是，而且我这个怎么写的，那是了，是不是找到你H的第一个儿子啊，是不是，前面我是不是什么都没想，只要找到第一个儿子是不就行了，其实相当于前面是个什么行，不管你什么元素。能不能理解啊？OK，这题我们来看一下，那么你玻璃行不行？

不，你看有没有用上没有，他是掉儿子就用不上了，我找到是第一个吗？是不是，那在里面第一个要不用上标签，你看有没有，肯定有，只不过没有渲染出来吗？这些不是有标签了，懂不懂，那问你是到里面扯淡，他没有是不是好，这点玻璃里面的第一个有，你看没用上，用上了吧，有的第一个批发钱没用上，用有没有没有啊，一定要记住这边是什么不继承的一个属性，能不讲好走你好，这能不能理解了。那我如果前面来个屁呢。批标签的你必须是第一个儿子，而且你必须是个批标钱，你看我还在，能用上吗？用不上，虽然说你是第一个儿子，可是你干嘛，你不是我的皮啊，不不不，你不是我的皮标签啊，是不是啊啊，学的有点不对，好走点好，这个方下来应该能。

理解了吧，好，再来看拉丝敲在哪，就试一试吧，好吧。三、你要说一样，你就扯淡了，一个发一个拉屎，怎么可能一样，是不是OK，差不多的逻辑嘛，是不是OK来干嘛我们说。找你最后一个是不是啊。最后是不是P2吧啊。那应该选中的是P是不是啊，这个应该比较简单了，是不是，OK，再来看还有什么nice last，这什么意思啊，现在这个ind是不是12345是从头开始数的，这个呢，倒序嘛，是不是来看一下嘛，LC这种选择二本。你还得用啊，是不是什么，那是什么。拉的嘛，是不是就从后面来吗？是吧，比说干嘛。

那。是不是我们说选中第一个，那应该是这样。P28是不是，如果是呢，第一个嘛啊，一个是什么，从上开始数，一个是从下开始数，能不能讲这个比较简单吧，是不是好，还有个什么。啊，这个改成must是吧，还有什么大家看。Only相当于什么？发拉一起作用什么意思？只能有一个，那不就是only吗？也就是说这个only相当于它。能不能理解啊，相当于它这里面讲这叫什么选择项。组合选择题吧，是不是他们俩在一块嘛，必须要满足这两个选择题嘛，能不能理解啊，好，那看一下CTRLCCTRLB这什么零五什么only。

是不好，就你问你这样的话，我这边那个能不能选择这个东西。他有所以吗？没有。一个都选不上是吧，我把这个P标签干掉了啊诶。哦，不行，想想你是的皮是不是，你有指定是谁的儿子吗？没有，你看一个选不上吗？比说什么我告诉你是什么外和底下的是吧？皮毛这个是不是还稍微有点限制？还是因为先排除只有一个看看啊，不对劲。

底下WIP吧外，底下所有的儿子，刚刚那种写法，是不是只要你这个P标签只是在我一个作为一个儿子啊，只要是他这个独生子是不是就应该可以啊。可是好像没有做完。是不是说一下来看一下你。你看是不是没有选中，诶我们来看，如果这么写呢，你必须得是fast，也必须得是什么last话这什么意思啊，是不是我们说这个only是相当于你又是就是什么，想想能匹配到啊，能这个能匹配到吗？肯定匹配不到啊，一你必须是第一个也是必须得是啊，最后一个也是什么。Only的吧，那你这LYY能要吗？不能要，这时候能不能匹配到。哎，我是不是写错了，完蛋啊，这个刚刚测的是什么？

这是拉的下载的吧，是不是啊，应该我猜测005这个吧，是不是是把这LYY全部干掉，功率下载应该就可以了，只有你，你看是独立小子，说明你是不是只能用这一个子元素啊，独生子啊，有有你有其他二子行吗？不行，是不是比较傲娇吧。这个能不能理解啊，好，最后你好，那这个是不是几个选择全部讲完了，是不是还是稍微有点坑的，能不能解啊，并不是那么干嘛那么简单啊，你稍微思路稍微转一转的懂不懂，那这个next有这一套干嘛。奈斯，它也有这一套，我们来看看。嗯，那我把这个全部拷过来吧，CTRLC全部换成什么。叫什么？代表什么意思？

第一个嘛，是不是我们说把它改成first of。能不能听懂？能选中是不是啊，我把这个琵琶间位置换了，能不能选中。也能选中，是不是只要找第一个吗？那选不是发选想得美。是不是好走，你这个能不能找握完了应该可以吧，OK，那有发就什么拉吧，是不是，那这些我就放在一个里面不行。啊，这个应该比较简单嘛，是不是，比如说刚才什么改成拉斯欧吧，是不是也就是说你必须得是什么。找你最后一个吧，这个能不能选中它也是最后一个，懂不懂啊OK，呃，还有什么。Next是什么拉吧，前面是不是加什么next这代表什么，从后面开始啊知道吧，是不是，比如说我有两个标线。

是不是，不管你的位置在哪，不管你的位置在哪，是不是，首先我们什么是这是什么这个。是不是啊，如果没有这个应该选做P是不是啊好，这里还有什么。Only吧，是吧，前面改成什么only这个我问你，他们俩一不一样。来看一下周年能不能选到，不能吧，诶，只留一个平，看能不能动。呃，把所以干嘛去了，是不是你温柔一点吓到我了啊？来看一下这点，我们来看如果有两个行不行。来P2吧，是不是这点两个行不行不行吧，OK，一个呢就应该可以了，是不是需要把说的全部给他干掉吗？不需要，因为说了他是发什么拉一个结合吧，只要你所的话里面只要有一个就可了，是吧，说这个两种选择，其是不是可以把所有情况全部覆盖掉。

这能理解吗？OK，这个能不能听懂应该没问题，是不是好，那这个先停一停。