前端开发学习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

前端开发学习Day4相关推荐

ul 原点显示_web前端开发学习教程，CSS HTML - ul li列表原点如何相连
原标题:web前端开发学习教程,CSS HTML - ul li列表原点如何相连目前我列出两个方案,很详细,希望可以帮助到有疑问的朋友. 方案一: html 参与考试<第一期模拟考试> ...
老前端工程师现身说法，2021Web前端开发学习路线图
导读:2021Web前端开发学习路线图三大件学习现在每年依旧有很多初级入门的前端开发.所以对初入门的朋友也给出一点意见. 刚入门的朋友,我觉得不应该一开始就学习像Vue.TypeScript.We ...
前端开发学习路线图，完整学习教程+工具+框架
回看近年的前端发展,不管是之前的散装前端时代,还是后来插件化.模块化的演进,亦或是现如今如火如荼的前端工程化迭代,发展速度实在是太快了,各种框架层出不穷,这些难免会让我们这些学习者眼花缭乱,满腹疑团. ...
前端开发学习笔记（一）：HTML
前端开发学习笔记(一):HTML 文章目录前端开发学习笔记(一):HTML 一. HTML的文档结构二.标签属性 2.1. 标签属性 2.2. 文字格式化标签 2.3. html实体转义三. t ...
前端开发学习及工具网站（持续更新）
前端开发学习及工具网站该文章主要是记录前端开发中好的学习网站或者工具网站大部分实用网站来源抖音鱼皮大佬分享,这里分享给大家 1.w3cschool(编程狮) 这个网站适合0基础学前端的同学,内容简 ...
2018web前端学习路线，详谈web前端开发学习路线
近几年IT业可谓是发展火热,而且新生了很多的职业.在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的发展前景却是非常的可观,好前景 ...
Web前端开发学习【1】-----大学生如何购买学生版的阿里云服务器，或免费领取半年的阿里云服务器
Web前端开发学习[1]-----大学生如何购买学生版的阿里云服务器,或免费领取半年的阿里云服务器目录一.进入阿里云官网.注册阿里云账号 1.百度搜索关键词[阿里云服务器],然后进入官网 2.免费注 ...
重磅推出：分享阿里云大学前端开发学习路线链接
重磅推出:分享阿里云大学前端开发学习路线链接这是一份阿里云大学推出前端开发学习路线,适合入门.也适合刚入职场一两年的小伙伴,来一个基础知识进行加深视频学习.内容言简意赅,通过demo练习等来理解学习 ...
送给大家一套完整的web前端开发学习路线
本文来源:千锋web前端开发近几年IT业可谓是发展火热,而且新生了很多的职业.在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的 ...

前端开发学习Day4

前端开发学习Day4相关推荐

最新文章

热门文章