前端开发学习Day4

      第四天，感觉是这几天以来收获最大的一天。 早上起来把关系选择符里常用的四种理了一遍： 

1、包含选择符       E  F 

 选择所有被E元素包含的F元素

备注：包含选择符将会命中所有符合条件的后代，包括儿子，孙子，孙子的孙子……

2、子选择符       E>F

选择所有作为E元素的子元素F

备注：子选择符只能命中子元素，而不能命中孙辈；

3、相邻选择符       E+F

选择紧贴在E元素之后的F元素

备注：E和F必须同属一个父级；

          相邻选择符只会命中符合条件的那个毗邻的兄弟元素（即紧挨着E元素之后的第一个F元素）

4、兄弟选择符       E~F

选择E元素所有兄弟元素F

备注：E和F必须同属一个父级；

          选择的只是同级的元素F，后代中的F元素不会被选择；

          只选择出现在E元素之后的F元素，出现在E元素之前的F不会被选择到；

          兄弟选择符会命中所有符合条件的兄弟元素，不强制一定是紧邻的元素。

     个人觉得以上在以后会经常用到，虽然比较绕，好在我最后还是弄懂了。

     由于昨天晚上做不出东西，今天决定再刷一遍视频，重新学习下基础知识，在接受了一次次打击之后，终于可以顺利的写出来一段代码了，巨大的成就感：

     学习的过程是枯燥的，也是快乐的，明天继续加油！睡觉……

转载于:https://juejin.im/post/5cb0b09d5188251b2d645483