由于我们有时需要选择一个标签里面的多相同标签内里的内容,而一个一个选择那就显得有些麻烦了,而且造成许多要写许多代码,而后代选择器就可以帮助我们很好的解决这个问题,当然我子元素们只需要一个标签下的子元素被选中而非这个子元素的子元素,那么子元,素选择器就可以很好的解决这个问题(标签就是元素,元素就是标签哦!),下面我们就来仔细介绍下后台选择器和子元素选择器具体的使用方法哦!
工具/原料
1
windows记事本(任意一个版本即可)
2
Sublime(也是一种记事本)
3
任意一个浏览器即可(这里使用Google Chrome浏览器)
方法/步骤
1
1.如图所示,我们新建一个记事本,并将记事本的名字改为“网页中的后代选择器和子元素选择器.html”,并回车键确定,以使文件转化为浏览器可以打开的html网页文件。
2
2.如图所示,我们在文件图标上鼠标右击,在弹出的下拉列表菜单中,我们依次选择“打开方式(H)”,之后选择“Sublime Text”这个程序。
3
3.如图所示,我们写一个标签用来声明这是一个html5的文档,在写一个,标签用来包含html文档的主主体部分,再写一个
标签用来包含html文档的头部部分。4标签用来包含网页的标题,再写一个标签来设置文字的编码方式为UTF-8,以次让浏览器更好的显示我们所编写的网页。
4.如图所示,我们写上
5
5.如图所示,我们写上html的主体用
标签包含,里面在写个标签,里面再写个
标签,然后我们在
6
6.如图所示,我们在那个p元素中写一个span元素,再在其下写一个span元素,这样是为了展示后代元素的展示,之后我们在那个a元素下在写个span元素。
注意事项
1
1.欢迎大家有问题时,向本大神进行提问哦! 。
2
2.没有软件的也可以找本大神。
3
3.教程不只是本篇,而是前端从入门到精通一个系列,欢迎浏览其他教程经验, 祝您早日成为前端大神。
上一篇:Multisim创建子电路图
推荐信息
- 1
网页中的后代选择器和子元素选择器(7)
- 2
怎样让松狮尽快适应新家
- 3
初中化学知识点总结:《氧气》
- 4
如何学好初中化学
- 5
松狮夏季防暑方法
- 6
该怎样学习初中化学?
- 7
松狮生病,你会选择挂水吗?
- 8
主人担心松狮太热,给它理了个发……
- 9
化学方程式怎样配平
- 10
怎样训练松狮狗狗坐下后不动
- 11
淀粉化学式怎么写
- 12
初中化学知识的几种记忆方法
- 13
氢气还原性的化学方程式是什么
- 14
松狮犬要生病的14种症状表现
- 15
怎样让松狮狗狗尽快适应换食
- 16
初中化学学习方法,怎么学好初中化学
- 17
如何给松狮狗狗剪毛
- 18
怎样训练松狮犬学会独处
- 19
如何快速学好初中化学
- 20
应该怎样给松狮犬洗澡
- 21
初中中考化学学习重难点分布