css3中有哪些伪类选择器 css3中伪类选择器由什么组成 – CSS – 前端 css3代码

active、hover、link、visited 【css1】

所有主流浏览器都支持以上伪类，但是只在对标签上的支持最好。

【css2】的有3个

focus ： 如果规定了<!doctype>，将在主流浏览器&ie8+中支持(否则ie不支持)

first-child：必须声明<!doctype>才能够确保在ie中正常支持

lang：如果规定了<!doctype>，将在主流浏览器&ie8+中支持(否则ie不支持)

@ css选择器识别范围？

css选择器优先级核心：每个选择器本身有优先级，作用范围越具体优先级越高。

CSS优先级从高到低分别是：

1.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2.作为style属性写在元素标签上的内联样式

3.id选择器

4.类选择器

5.伪类选择器

6.属性选择器

7.标签选择器

8.通配符选择器

9.浏览器选择器

当CSS样式的规则由多个选择器组成时，id选择器的权值为1000，class选择器为100，标签选择器为10，按权值求和的记过高低决定哪个优先。当两个css规则的权值相同时，谁更具体用谁，也就是权值高的选择器作用的越具体优先级越高。当两个选择器规则和权值都是一样，后面样式会覆盖前面的！

@ 怎么制定Web前端学习计划？

一个非常好的问题。先解释下Web前端开发的新发展。

随着移动互联网的发展，前端开发成为重点。移动端有多个平台，Android，iOS，微信小程序，支付宝小程序，还有不断出现的新操作系统，比如阿里YunOS，华为鸿蒙，等等。

为了支持这些平台和系统，越来越多的应用开始使用H5跨平台架构，现在有个新名词叫做“大前端”。

一，H5跨平台开发

这时的H5前端开发已经不再是单单的网页开发了，而是前端应用开发。具体到H5 Hybrid架构，常用三剑客：HTML, css, JavaScript

1) HTML和css是页面设计，没有代码逻辑

2) JavaScript编程，还有其它衍生语言，比如常用的TypeScript

JavaScript是一种脚本语言，由解释器加载执行，常用在网页前端动态展示、和服务后端交互等场景。接下来重点介绍JavaScript开发。

二，学习阶段和时间计划

1）编程基础，一到两周

学习JavaScript语言基础，掌握基本的编程方法。如果对着课本教程学习比较枯燥，难以坚持，那么可以使用网上的一些学习练手资源，边学习边动手，比如HackerRank

2）开发框架，一到两月

JavaScript前端开发有很多成熟的框架可用，比如JQuery, AngularJS，React，还有前后端都跑通的NoteJS。阿里开源框架Ant Design Pro是一个功能完善的脚手架，推荐新学者练手。

新手学习时，推荐当前普遍使用的Top3开发框架，太新或者太旧的都不适合用来学习练手。

3）项目经验，一到两年

学习的最终目的是学以致用，在实际项目中积累经验，不断提升。有了一定技术基础后，推荐尝试参与开源项目，在开发功能、提交代码的过程中，提升非常快。而且开源项目经验，和工作经验一样，应聘时非常受欢迎。

偶是工作多年的Web应用架构师，欢迎关注偶，了解更多IT专业知识。

@ CSS样式是专门用来进行什么的？

CSS即层叠样式表（Cascading Style Sheets），是一种专门用来表现HTML或XML等文件样式的计算机语言。

CSS样式主要包含以下三种类型：

1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。

例：<标记></标记>

2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。

例：<style>选择器 {属性名：属性值；属性名：属性值；……}</style>

3、外部样式（外联样式）：写在css文件内。