先说一说为什么css要引入伪元素和伪类，以下是css2.1 Selectors章节中对伪类与伪元素的描述：
jQuery是什么：jQuery是JavaScript的类库，封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。
What：jQuery是JavaScript的类库，封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。划重点，这句话要考
::after用于描述处于css渲染层的一个伪元素，相当于选中元素的最后一个子元素，但这个元素与DOM节点无关，位于选择的元素之后，伪元素的内容用content属性描述。
1.属性选择器 完全匹配的属性选择器 [id=article]{} 示例： <style> input[type=text]{ border: 2px solid red;} </style> <input type="text"> <input type="text"> <input type="password"> 结果：前两文本框的边框为两像素红色。 包含匹配元素选择器，包含制定的字符串。
在日常开发过程中，涉及到DOM的操作往往是让前端程序员头疼的。原生的JavaScript提供的操作仅仅是通过tag、id、name等方式来查找，如果想要实现更为复杂的查找，则需要使用正则或类库来实现。下面要说的是querySelector和querySelectorAll。这是操作DOM的新方式，目前所有的浏览器厂商均已经支持。就连IE都在IE8上面做出了支持。下面一起来看一下如何使用吧！
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发
css 伪类是用于向某些选择器添加特殊的效果，是动态的，指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。
例子：行内式
CSS2支持的属性选择器用一个表达式[{属性 | 属性 {= | |= | ~=} 值}]
http://www.cnblogs.com/2050/p/3569509.html
有几个css的结构伪类选择器很容易搞混，这期就帮大家梳理一下这几个选择器的使用思路。
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/querySelector
CSS 引入伪类和伪元素的概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。
CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或者是列表中的第一个元素。
熟悉前端的人都会听过css的伪类与伪元素，然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发，区分这两者的区别，并且列出大部分伪类与伪元素的具体用法，即使你有用过伪类与伪元素，但里面总有一两个你没见过的吧。 1.伪类与伪元素 先说一说为什么css要引入伪元素和伪类，以下是css2.1 Selectors章节中对伪类与伪元素的描述： CSS introduces the concepts of pseudo-elements and pseudo-classes to permit format
::before 是一个伪类元素，代表生成的内容元素，表示相应元素的可抽象样式的第一个子元素，即：所选元素的第一个子元素 利用::before可以把需插入的内容插入到元素的其他内容之前，并且默认内联显示。::before需要使用content属性来指定内容的值。
CSS3是CSS（层叠样式表）技术的升级版本，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
上一篇简单的介绍了jquery的基础选择器,准备把高级选择器部分分为三篇博文介绍!慢工出细活吗,循序渐进相信jq会和css一样顺手,废话不少了接下来开始介绍jq的高级选择器第一部分!
伪类连同伪元素一起，他们允许你不仅仅是根据文档 DOM 树中的内容对元素应用样式，而且还允许你根据诸如像导航历史这样的外部因素来应用样式（例如 :visited），同样的，可以根据内容的状态（例如在一些表单元素上的 :checked），或者鼠标的位置（例如 :hover 让你知道是否鼠标在一个元素上悬浮）来应用样式。
通过children方法，children(“input:first-child”)
HTML5学堂：对于CSS选择器我们熟悉了CSS1.0~CSS2.0的使用，我们那么有些选择器还是无法简单获取某元素，对于CSS3的选择器的产生，让我们更加方便的获取元素，本文讲解了CSS3的选择器有哪些，希望整理好的CSS3选择器对大家有帮助！谢谢！ 6.CSS 3的同级元素通用选择器 选择器含义示例E ~ F匹配任何在E元素之后的同级F元素p ~ ul { background:#ff0; } 7．CSS 3 属性选择器 选择器含义示例E[att^=”val”]属性att的值以”val”开头的元素di
最近在做一些面试的工作，我经常会问的一个问题就是：CSS中有哪些选择器。我往往得到的答案就是id选择器啊、class选择器啊，再追问下去就没了，这让我很是意外！ 看来这基础的东西，大家都说很重要，可真正能静下心来去看的并不多，更别说在项目中灵活使用了！ 元素选择器 通配选择器 * { sRules } 选定文档所有的元素 /** 设置所有元素为红色 **/ * { color: red; } 我是div 我是p 类型选择器 E { sRules } 选定指定的文
我是p
css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句话中的第一个字母，或是列表中的第一个元素，又或者是鼠标悬停在某个超链接上时要设置的样式。
除了以前学过的:link、:active、:visited、:hover，CSS3又新增了其它的伪类选择器。
1. 选择集转移介绍 选择集转移就是以选择的标签为参照，然后获取转移后的标签 2. 选择集转移操作 $('#box').prev(); 表示选择id是box元素的上一个的同级元素 $('#box').prevAll(); 表示选择id是box元素的上面所有的同级元素 $('#box').next(); 表示选择id是box元素的下一个的同级元素 $('#box').nextAll(); 表示选择id是box元素的下面所有的同级元素 $('#box').parent(); 表示选择id是box元素的父元素
CSS Pseudo-elements 伪元素是一个附加至选择器末的关键词，允许对被选择元素的特定部分修改样式。CSS伪元素是一种样式化文档元素的方法，这些元素没有由文档树中的位置明确定义。
总结CSS3新特性(选择器篇) CSS3新增了 嗯- -21个选择器,脚本通过控制台在这里运行; ~: p ~ p{color: red;/*此条规则将用于p后边所有的p
实例 $("img:odd").css("border","thick double red");选择序号为奇数的img元素 $("img:first").css("border","thick double red") 选择第一个img元素
这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。
JavaScript⼀种直译式脚本语⾔，是⼀种动态类型、弱类型、基于原型的语⾔，内置⽀持类型Javascript是当今最流⾏的脚本语⾔，我们⽣活中看到的⽹⻚和基于html5的app⾥⾯的交互逻辑都是由javascript驱动的⼀句话概括就是javascript是⼀种运⾏在浏览器中的解释型的编程语⾔
这两个伪元素的内容可以通过 content 属性来定义，并且可以与其他样式属性一起使用，如 display、position、color 等，以实现各种效果和布局需求。
CSS选择器用于选择你想要的元素样式的模式。 CSS列表示在CSS版本的属性定义（CSS1，CSS2，或对CSS3）。 选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有元素 1 element,element div,p 选择所有元素和元素 1 element* *element div p 选择<02
元素 1 element,element div,p 选择所有
元素 1 element* *element div p 选择<
在上两篇文章里，《这30个CSS选择器，你必需熟记（上）》和 《这30个CSS选择器，你必需熟记（中）》这两篇文章里，我们一起学习了前20个，本篇文章我们一起学习剩下的10个选择器。
缺点：使用内联样式，样式只能对一个标签生效，如果希望影响到多个元素必须在每一个元素中都复制一遍，并且当样式发生变化时，要多次修改，很麻烦。
这篇文章主要用于存储CSS以及CSS3的选择器部分知识，以便日后查阅及记忆. 该内容分为两部分，第一部分为css选择器的一些基本知识。第二部分为CSS3新增加的选择器。
这篇文章主要用于存储CSS以及CSS3的选择器部分知识，以便日后查阅及记忆. 该内容分为两部分，第一部分为css选择器的一些基本知识。第二部分为CSS3新增加的选择器。 在开始之前，先简单介绍一下选择器，选择器的作用就是定位我们想要样式化的网页HTML元素。选择器可以分为以下几种类型。 1、简单选择器，通过元素类型，class或id匹配一个或多个元素。 2、属性选择器，通过属性/属性值 匹配一个或多个元素。 3、伪类，匹配处于确定状态的一个或多个元素。（比如鼠标指针悬停的元素、当前被选中或未被选中的复选
相信做过网页的对Css都不是很陌生，它可以帮助我们重铸网页中很多绚丽的特效，尤其是现在Css已经发展3.0版本，很多功能更是丰富多彩，让我们的开发时间不仅大大缩短，而且还可以轻松做出许多华丽的特效，需要注意的是，Css相当于Html的一个美化装置，所以它必须依赖于Html才能发挥作用，那么今天我们就来深入了解下它吧。
大概大家都知道上面的使用方法，但是有一点搞不清楚的话，使用起来就会很困惑。那就是n是什么？
我们给div标签增加红色属性，却发现，div里的每一个子标签也增加了红色属性。于是我们得到这样的结论：
也增加了红色属性。于是我们得到这样的结论：
CSS3选择器分为：结构型伪类选择器、UI元素状态伪类选择器，否定选择器，和伪元素
css选择器非常之多，常见的如class选择器，id选择器，标签选择器等等。每个的用法都有所区别，虽然很多都能到达同样的效果，但还是有一些更优的选择。
1.CSS规则由两部分构成，即选择器和声明器 声明必须放在{}中并且声明可以是一条或者多条 每条声明由一个属性和值构成，属性和值用冒号分开，每条语句用英文冒号分开 注意: css的最后一条声明，用以结束的“;”可写可不写，但是基于W3c标准规范思考建议最后一条声明的结束“；”都要写上 2.行内样式 直接在style属性设置css样式style属性提供了一种改变所有的HTML元素样式的通用方法 语法: style属
星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中所有元素的margin和padding设置为0。*选择符也可以在子选择器中使用。
E:first-child 选择器 : E 表示 HTML 标签类型 , 该选择器 选择 匹配的父容器 中的 第一个 E 类型标签 子元素 ;
41.height height() 类型：number height(value) 类型：self height(function(index,oldHeight){...}) 类型：self 获取对象集合中第一个元素的高度，或者设置对象集合中所有元素的高度。 $('#foo').height() //123 $(window).height() //838（viewport height）
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
