尚硅谷前端基础 (37)

好，那么关于CSS的选择器呢，我们在这就可以暂时先告一段落了啊，也就说我们大部分的选择器都已经给他说完了，还有一些小的不是特别常用选择器，我没有去介绍，哎，大家可以通过这个文档再去看看，但是主流的常用的基本都已经说到了，嗯，但是其实这里边讲的会稍微有一点小的问题，就是太偏重于理论，没有太多的实践，但是现在也没有办法，你说现在去选择去去给你直接去讲实践的话，也也不太好讲，所以这个东西我们还得需要先忍一下，等我们再讲，把盒子模型讲完了，我们就可以再做一些练习了，所以现在这些理论知识，理论的技术的话，还是需要你去记，然后我们后边通过实践去去练习它，一定要练习，一定要实践，但是这个练习后边我会去指导你，我告诉你去做什么，怎么做。

按照我要求的一步一步做就行了，但是练习一定注意是必须要做的，不要觉得说哎呀老师这两天我这听的跟的挺好，听的挺明白的，哎，我是不是就就学会了，不是这样的啊，你现在学会了，你感觉学会了，那绝对是假，学会了，你现在感觉越好，你后边会越惨，懂那意思吧，现在你感觉痛苦一点，后边的感后边就会越来越好，所以千万不要觉得说把理论知识哎这块讲完了，你就听懂了，一定得干嘛，一定得练，是吧，有句话叫什么呀，哎，叫做纸上得来终觉浅，觉知此事要躬行，对吧，做完了一定要。实践是吧，孔子也说嘛，学而时习之啊，学完了你要实时的练习，时时的去印证，你才能不亦乐乎啊，所以这个是有一个过程的啊，所以我们慢慢来，但是这块讲完了，如果一点练习没有的话，也不太好，所以我们还需要通过一些练习呢，把它给熟悉熟悉一下，那这个练习呢，是一个比较比较老的一个练习了啊叭，较老的练习了，就是我之前讲这个东西一直用这个，一直用这这好好好好多年前，你看这文件还是一五年对吧，好多年前的，但是它比较的经典，确实也比较好，所以还是把它拿出来，呃，你拿到这个练习的时候，你直接双击就直接给它运行就完事了，它有一个index点号，直接双击运行，它实际上就是一个网页，这是当时，当时我从那个直接从GI上拉下的一个这个练习啊，一个这么一个东西啊，当然它也是一个纯这个英文的，你做的时候你还需要去需要去看一下啊，需要去看一下啊，啊不懂的。

单词大概查一下，这个练习我就不一个一个带着你们去做了，我举一个例子，举一两个例子，然后剩下的你们自己去自己去摸索啊，自己去看，其实很简单，诶，它这边甚至都有基本上答案都有了，对吧？都有描述，你可以看一下，首先我们来看这个结构啊，结构的话，其实在我们页面里边，这出现了一个桌子，桌子桌子上有两个盘子，对吧？这个就是用来模拟我们的网页的是吧？诶这桌子在我们的标签里，你看这是不是有元素啊，哎，元素这桌子在这里面实际上就是一个divb的class，叫做table啊，这个盘子实际上就是div里边两个子元素，叫做plate啊，叫做plate，然后它这个盘子你看，诶跟这抖来抖去的是吧，抖来抖去的，说白了就按你意思给你写了select the place，就是选中这两个盘子啊，选中这两盘子，谁抖你就选谁就完事了，那盘子你看这盘子实际上在我们这里边，实际上。

对应的就是标签，叫做plate，大家注意它这是一个假的，我们真正N表里没有盘的标签，它只是一个模拟的，所以现在我们选中这两个盘子，那怎么选这两个盘子？哎，实际上就是我们的元素选择器，你直接P回车，两个盘子就飞了，懂这意思吧，所以在这儿你只需要输入对应的选择器，只要盘子一飞，就是谁抖这个东西飞了，你这块就算过关了，懂这意思吧，一关一关，一共26关，把我们这几个选择器可以都给它过一下，常见的都有了这两个玩意儿，这叫做一个饭盒是吧？诶，Be to同样是不是也是标签啊？诶，这时候让你选的是饭盒，不让你选盘子了，所以直接来一个，诶，Bet回车，饭盒上就没了，哎，就这么个意思，那这时候让你选什么呀？选这个带花边的这个盘子怎么选我就不说了，我说完了你再练就没有意思了，自己来摸索一下，我就不去解释了啊，都有说明，不懂的英文查一下。

就是你是谷歌浏览器，直接点一下翻译，它都可以给你翻译过来，但是翻译你就其实就没有意思了啊，它这稍微有点慢，但是一定能翻译过来，翻译就没有意思了，还是不懂的单词自己查一下，你可以熟悉一下什么花式版，你可能看不懂了，所以它的翻译有时候不太好，所以你看的时候呢，尽量就看原始的不懂的查一下啊，Select的选中这个花式的就带花边的盘子啊，带花边的盘子好，那这里我们就不多说了啊，要自己尝试着去做一下啊，我们来停一下。