前端开发学习Day4

119 阅读2分钟
      第四天,感觉是这几天以来收获最大的一天。 早上起来把关系选择符里常用的四种理了一遍: 

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不会被选择到;

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

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

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


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