1. 动态伪类选择器：
    E:link ：选择匹配的E元素，并且匹配元素被定义了超链接并未被访问过。
    E:visited ：选择匹配的E元素，而且匹配的元素被定义了连接并已被访问过。
    E:active ：选择匹配的E元素，且匹配的元素被激活。常用于锚点与按钮上。
    E:hover ：选择匹配的E元素，且用户鼠标停留在元素上。
    E:focus ：选择匹配的E元素，且元素获得焦点。

    锚点伪类设置遵守“爱恨原则”，即LoVe/HAte，也就是“link-visited-hover-active”。

  2. 目标伪类选择器（此为动态选择器，只有存在URL指向该匹配元素时，样式效果才会生效）
    E:target ：匹配E元素之下的子元素中，被url链接到的那个子元素。
    在下边的例子中，被#div1 :target匹配的元素是#div2，他不仅是#div1的子元素，而且被url(a标签href="#div2")指向。两条件缺一不可。（此为自我理解，非官方解释）。 
    <!DOCTYPE html>
    
<html>
    
<head>
    
    <title></title>
    
    <style type="text/css">
    
        #div1 :target p{
    
	    color: red;
    
	};
    
    </style>
    
</head>
    
<body>
    
    <div id="div1">
    
        i am div1
    
	<div id="div2">
    
	    i am div2
    
            <p>pppp</p>
    
	 </div>
    
    </div>
    
    <a href="#div2">click me</a>
    
</body>
    
</html>

    　　

  3. 语言伪类选择器：
    E:lang(language) ：选择匹配E的所有元素，且匹配元素制定了lang属性，而且其值为language。
    设置文档语言有两种方法。第一，如果使用HTML5，可如此设置： 
    <html lang="en-US">

    或者手工在文档中指定：

    <body lang="fr">
  4. UI元素状态伪类选择器：
    E:checked ：匹配选中的复选按钮或单选按钮表单元素
    E:enabled ：匹配所有启用的表单元素
    E:disabled ：匹配所有禁用的表单元素

css伪类选择器详细解析及案例使用-----伪类选择器（1）的更多相关文章

  1. css伪类选择器详细解析及案例使用-----伪类选择器（2）

    结构伪类选择器: <div> <ul> /*ul:only-of-type*/ <li>one</li> /*li:first-child li:nth ...

  2. css伪类选择器详细解析及案例使用-----伪元素

    伪元素:(css3中将所有伪元素前变成了两个冒号,即::first-letter.::first-line.::before.::after.::selection.目的是为了区分伪元素与伪类.对于I ...

  3. 2、前端--初见前后端交互、CSS简介、基本选择器、组合选择器、属性选择器、分组与嵌套、伪类选择器

    今日内容概要 初窥后端框架 css简介 css选择器 今日内容详细 初次体验前后端交互 # 代码无需掌握 只看效果即可 """后端框架:可以简单的理解为别人写好的一个非常 ...

  4. CSS选择器详细总结

    一.基本选择器 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info class选择器,匹配所有class属性中包含info的元 ...

  5. java类生命周期详细解析

    (一)详解java类的生命周期 引言 最近有位细心的朋友在阅读笔者的文章时,对java类的生命周期问题有一些疑惑,笔者打开百度搜了一下相关的问题,看到网上的资料很少有把这个问题讲明白的,主要是因为目前 ...

  6. Argo workflow 案例练习和配置详细解析

    参数化 - parameters hello-world-parameters.yaml文件解析 apiVersion: argoproj.io/v1alpha1 kind: Workflow met ...

  7. Thrift之TProcess类体系原理及源码详细解析

    我的新浪微博:http://weibo.com/freshairbrucewoo. 欢迎大家相互交流,共同提高技术. 之前对Thrift自动生成代码的实现细节做了详细的分析,下面进行处理层的实现做详细 ...

  8. thrift之TTransport类体系原理及源码详细解析1-类结构和抽象基类

    本章主要介绍Thrift的传输层功能的实现,传输的方式多种多样,可以采用压缩.分帧等,而这些功能的实现都是相互独立,和上一章介绍的协议类实现方式比较雷同,还是先看看这部分的类关系图,如下: 由上面的类 ...

  9. Python之元类详细解析

    一.补充内置函数isinstance和issubclass 1.isinstance是判断一个对象是不是由一个对象产生的 class Foo: pass obj=Foo() print(isinsta ...

随机推荐

  1. restful风格的webservice开发之概念准备篇

    理解restful:什么是rest,rest是Representational State Transfer的缩写,翻译过来就是“表现层状态转化”.这里有点不准确,其实rest省略了主语表现层指的是资 ...

  2. Android开发之InstanceState详解(转）

    本文来自:http://www.cnblogs.com/hanyonglu/archive/2012/03/28/2420515.html 本文介绍Android中关于Activity的两个神秘方法: ...

  3. Matlab与外部接口：MAT文件基础

    MAT 文件MAT文件是MATLAB使用的一种特有的二进制数据文件.MAT文件可以包含一个或者多个MATLAB 变量.MATLAB通常采用MAT文件把工作空间的变量存储在磁盘里,在MAT文件中不仅保存 ...

  4. Spark运行问题备忘一（网络搜集）

    问题一 ERROR storage.DiskBlockObjectWriter: Uncaught exception -9ca8//shuffle_1_1562_27 java.io.FileNot ...

  5. Android系统源代码下载

    最近,我在研究android,所以想下载android源代码看看.按照http://source.android.com/source/downloading.html 这个页面所提示的步骤在下载源代 ...

  6. js 删除效果代码

    效果 css文件delcss.css 代码如下: ;;} #div1{;; filter:alpha(opacity:0); display:none;} #div1 h3{ height:20px; ...

  7. javascript变量：全局?还是局部？这个得注意！

    做项目就是一个学习的过程! 做为一个学习C3年多,从C程序员转前端的人来说,javascript中的许多规则是没办法或者说一时半会理解不了的. 今天就遇到了一个,大致就是这么个代码. var a ; ...

  8. 黑马程序员_Java其他对象(System,Runtime,Date,Calendar,Marh-Random)

    System System类包含一些有用的类字段和方法(都是静态的).它不能被实例化. 在System类提供的设施中,有标准输入.标准输出和错误输出流:对外部定义的属性和环境变量的访问:加载文件和库的 ...

  9. js执行引擎(js解释器)

    看字面理解,js执行引擎讲的就是将js代码转化为机器码并执行的过程. 一款 JavaScript 引擎是由 Brendan Eich 在网景的 Navigator 中开发的,它的名字叫做 Spider ...

  10. DLL模块：C++在VS下创建、调用dll

    1.dll的优点 代码复用是提高软件开发效率的重要途径.一般而言,只要某部分代码具有通用性,就可将它构造成相对独立的功能模块并在之后的项目中重复使用.比较常见的例子是各种应用程序框架,ATL.MFC等 ...