我把CSS选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器；第二部分我把他称作是属性选择器，第三部分我把他称作伪类选择器

一、基础选择器

1. 通配符(*)：选中所有的元素

2.元素选择器(E)：一个元素作为一个选择器，div，ul，dd，span等等

3、类选择器(class)：定义class

4、id选择器(id)：定义id

5、后代选择器(E F)：像ul li 就是定义ul中的所有li元素(后代元素就是ul下不管多少层下的li都受影响)

6、子元素(E>F)：像ul>span 定义ul下的所有span子元素(字元素就是只有

7、相邻元素选择器(E+F)：可以选择E后面的F元素比如 li+li就是与li(E)相邻的li(F)被选中了；在比如.about+.aboutus就是.about(E)后面的.aboutus(F)被选中了

8、通用兄弟选择器(E~F)：E和F在同一个父类下面，F在E后面，这将选中E后面所有的F元素

9、群组选择器(.a,.b,.c):好多类一起写

深入学习jQuery选择器系列第六篇——过滤选择器之状态选择器

× 目录 [1]焦点状态 [2]哈希状态 [3]动画状态[4]显隐状态 前面的话 过滤选择器的内容非常多,本文介绍过滤选择器的最后一部分——状态选择器 焦点状态 :focus :focus选择器选择当 ...

深入学习jQuery选择器系列第五篇——过滤选择器之内容选择器

× 目录 [1]contains [2]empty [3]parent[4]has[5]not[6]header[7]lang[8]root 前面的话 本文介绍过滤选择器中的内容选择器.内容选择器的过 ...

深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器

× 目录 [1]简单属性 [2]具体属性 [3]条件属性 前面的话 属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选 ...

深入学习jQuery选择器系列第三篇——过滤选择器之索引选择器

× 目录 [1]通用形式 [2]首尾索引 [3]奇偶索引[4]范围索引 前面的话 上一篇介绍了过滤选择器中的子元素选择器部分,本文开始介绍极易与之混淆的索引选择器 通用形式 $(':eq(index) ...

jquery选择器之层级选择器

HTML示例代码

...

jQuery选择器之属性选择器Demo

测试代码: 06-属性选择器.html quo ...

jQuery选择器之层次选择器Demo

测试代码: 02-层次选择器.html quo ...

jQuery选择器之基本选择器Demo

测试代码: 01-基本选择器.html quo ...

随机推荐

虚拟机Linux----Ubuntu1204----root登录设置

说明:装好的ubuntu12.04登录时,默认是看不到root用户的,需要设置一下. 1.先用普通用户登录,打开终端,切换为root用户,如下: su root 2.修改 sudo gedit /et ...

windows service 安装和卸载指令

添加服务: cd C:\Windows\Microsoft.NET\Framework\v4.0.30319InstallUtil.exe D:\OneKeyWebSiteDeployment\Ser ...

Java [leetcode 26]Remove Duplicates from Sorted Array

题目描述: Given a sorted array, remove the duplicates in place such that each element appear only once a ...

PAT---1001. A+B Format (20)

#include int main(){ //定义要读入的两个整数 int a,b; //定义好放拆项用的数组 ]; //读入两个整数 scanf("%d%d& ...

nodeJS之crypto加密

前面的话 加密模块提供了 HTTP 或 HTTPS 连接过程中封装安全凭证的方法.也提供了 OpenSSL 的哈希,hmac, 加密(cipher), 解密(decipher), 签名(sign) 和 ...

ubuntu11.04编译gm8180的ffmpeg

1.1 About this documentThe ffmpeg is a open source package that provides video application for gener ...

创建以mybatis为基础的web项目(2)mabitis中的一对一关系项目实战

mabitis中的一对一关系项目实战: 1.首先根据创建以mybatis为基础的web项目(1)中的流程将web项目部署好 打开IDE,建立web工程 在lib下面粘贴mybatis的jar,log4 ...

Android系统目录结构详解

Android系统基于linux内核.JAVA应用,算是一个小巧精致的系统.虽是开源,但不像Linux一般庞大,娇小可亲,于是国内厂商纷纷开发出自己基于Android的操作系统.在此呼吁各大厂商眼光放 ...

angular 定时函数

注入$interval,$timeout   服务 2.定义函数 var aa = $interval(function(){ $timout(function(){ ..... }) },,定时时间 ...

C# 正则表达式匹配盘符

if (!Regex.IsMatch(diskName, @"^[c-zC-Z](:\\)?$")) { throw new FormatException($"{dis ...