2、id选择器 #id属性值{ }
3、类选择器 .class属性值{ }
4、选择器分组(并集选择器)
作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明)
语法:选择器1,选择器2,选择器n{ }
5、复合选择器(交集选择器)
作用:选择更准确更精细的目标元素并为其设置属性
语法:选择器1选择器2选择器n{ }
!注意选择器之间不能有空格,要紧挨在一起
6、通配选择器
作用:用来选中页面中所有的元素
语法:*{ }
7、后代元素选择器
作用:选中指定元素的指定后代元素
语法:祖先元素 后代元素{ }
8、子元素选择器
作用:选中指定父元素的子元素
语法:父元素>子元素
9、伪类选择器
伪类表示元素的一种特殊状态
:hover 移入时元素的状态
:visited 已被访问过后的元素的状态
:active 被点击时元素的状态
10、 属性选择器
作用:根据元素中的属性或属性值来选取指定元素
语法:[属性名]选取含有指定属性的元素
? [属性名=“属性值”]选取含指定属性值的元素
? [属性名^="属性值"] 选取属性值以指定内容开头的元素
? [属性名$="属性值"] 选取属性值以指定内容结尾的元素
? [属性名*="属性值"] 选取属性值包含指定内容的元素
11、兄弟元素选择器
+选择器
作用:选中一个元素后紧挨着的指定的兄弟元素
语法:前一个+后一个(作用在后一个)
~选择器
作用:选中后边所有的制定兄弟元素
语法:前一个~后边所有
css和jquery有什么区别?
jQuery
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
CSS (层叠样式表)
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
学习web前端开发?
前言
学习Web前端开发,需要的基本条件就是一根网线+一台电脑。对于想要学习Web前端的同学,可以按以下步骤来进行学习。
熟悉HTML
HTML就犹如人的骨架,是一个页面的基本组成。HTML所需要学习的内容就是HTML标签。标签都是由开始标签和结束标签构成,同时标签也会有一系列的属性。如下所示:
运行效果如下所示:
推荐阅读书籍《HTML&XHTML权威指南》
熟悉CSS
CSS犹如人的肤色,CSS用来确定HTML标签各位置的摆放以及界面的视觉效果,比如标签的大小,字体颜色等设置。代码示例如下:
运行效果如下:
推荐阅读书籍《CSS权威指南》
熟悉JavaScript
JavaScript犹如人的血液,正因有了血液的流动,人才有活力,正因有了JavaScript,页面才有了交互。代码示例如下:
运行结果如下:
JavaScript推荐阅读数据《JavaScript高级程序设计》
组件库和JavaScript框架
有了前面三步,大家就掌握了Web前端开发的基础了。但在实际工作开发中,为了提高开发工作效率,大家还需要掌握一套组件库和对应的JavaScript框架。
较为流行的组合有两大类:element组件库+Vue框架 和 Ant Design组件库 + React框架。但在国内的公司当中,element组件库 + Vue框架的这种组合使用更多一些,所以也推荐初学者可以先掌握Element组件库 + Vue框架的方式来进行学习。
总结
以上就是学习Web前端的步骤和相关资料,希望能帮到有想法进入Web前端的小伙伴们。如有其他疑问,也可关注私信与偶。如果觉得问题文章不错,欢迎大家关注转发哦!
关注偶,不定期分享好玩科技知识,带大家一起体会探索科技的那份独有思考和乐趣。
css3选择器怎么选择第3个?
li:nth-child(3n+0)
{
background:#ff0000;
}