详细解析css选择器优先级 学习web前端开发 – CSS – 前端 css 精华

黑马程序员学习路线图及能掌握的能力（总，以下会分阶段，加上配套学习视频，小伙伴可继续往下看！）

第一阶段：HTML5+css

配套学习视频：

前端小白零基础入门HTML5+CSS3

第二阶段：移动web网页开发

配套学习视频：

移动web进阶教程

第三阶段：JavaScript网页编程

配套学习视频：

前端与移动开发基础入门到精通

javaScript零基础通关必备教程

第四阶段：Node.js与Ajax

配套学习视频：

Nodejs教程精讲

ajax从入门到精通

第五阶段：vue.js项目实战

配套学习视频：

4小时+5个拣选案例让你快速入门Vue.js

Vue.js深入浅出教程

第六阶段：微信小程序

配套学习视频：

一天教你打造企业级微信小程序

微信小程序-个人语音接口功能

分分钟快速入门小程序开发

零基础玩转微信小程序

2小时轻松实现人脸识别的小程序

第七阶段：React.js项目实战

配套学习视频：

Reactjs入门教程

ReactJs精品教程

第八阶段：框架阶段与原理

第九阶段：移动APP开发

第十阶段：node.js进阶

第十一阶段：可视化游戏

第十二段阶段：架构与运维

还有前端免费工具下载

另外，关注加转发，然后私聊偶发送：前端，就能获得上面这些资源咯。

@ 学习web前端开发？

谢谢邀请！

相对来说，入门Web前端开发还是比较容易的，但是仅仅是入门容易，越往后学习内容就越多，所以学习Web前端开发要有一个心里准备，那就是前端开发内容多且更新快。

通常来说，学习Web前端开发需要的基础知识并不多，简单的说需要了解操作系统、计算机网络以及Web的相关知识，由于Web开发本身需要接触更多的网络知识，所以学习Web开发之前可以先了解一下基本的网络连接请求处理过程。

学习Web前端开发可以先从互联网整体结构开始了解，互联网简单的说就是网络的集合，通过交换机、路由器等网络设备把全世界的网络连接到一起，看一个图：

互联网把各种各样的计算机设备连接到了一起的目的是为了能够共同协作，而共同协作的基础就是能够进行数据交换，而数据交换的前提是要有一套完整的通信协议，通讯协议就是制定一个统一的交流标准。

这些基础条件都具备了以后，下一步就是在互联网中设置网络服务，而Web服务则是最为常见的一种网络服务，看一个简单的Web服务过程的图示：

这个图描述了一个非常简单的Web请求处理过程，围绕这个处理过程有几个关键的角色，分别是作为请求端的浏览器、作为服务端的HTML资源、请求对象和回应对象，下面做一个简单的描述。

浏览器是Web前端开发的呈现基础，对于用户来说，浏览器就是一个打开Web服务的窗户，所有的Web服务都通过浏览器呈现给用户。对于前端开发者来说，浏览器就是前端开发内容的运行环境（容器）。

存放在服务端的HTML页面资源就是前端开发人员要开发的主要内容，前端开发就是编写基于HTML的一系列代码，包括CSS、JavaScript等。这部分内容编写好以后要存储在服务器端，然后等待用户的请求。

请求对象就是客户在浏览器端向服务器端发出的服务请求，然后服务器把对应的资源（HTML等）封装成回应对象发送给客户端，然后客户端的浏览器把服务端返回来的资源（HTML）呈现出来，一个请求处理过程就完成了。

这是一个非常简单的描述过程，随着Web前端开发的发展，目前前端开发的方式也产生了较大的变革，前端技术也越来越丰富，框架也越来越多，而且前端开发后端化也是一个趋势，因此前端开发需要一个系统的学习过程。

偶做软件开发多年，目前也在带软件开发团队，偶会陆续在头条写一些关于软件开发方面的文章，感兴趣的朋友可以关注偶，相信一定会有所收获。

如果有软件开发方面的问题，也可以咨询偶。

谢谢！

@ 为什么偶在idea里面改了css样式网页不变？

第一，可能你没引用该css第二，可能你选择器的优先级不够第三，可能被后面的css覆盖掉了第四，可能是js动态改变了该css第五，你没有进行底层刷新清除缓存样式

@ css中选择器是什么意思？

要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成，形式如下：[code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。