一、深呼吸，直接内容 :nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。 先看一个简单的实例，首先是HTML部分： <section> <p>我是第1个p标 ...
分类：
Web程序 时间：
2016-09-26 12:29:25
阅读次数：
233
CSS样式整理 很多功能为了实现兼容，需要加浏览器前缀—— – webkit - ， chrome—— – moz - ，firefox—— – ms - ，IE—— – o - ，opera css3选择器属性选择器E[attr]E[attr=value]E[attr^=value]首字母是val ...
分类：
Web程序 时间：
2016-09-25 17:17:12
阅读次数：
156
很多功能为了实现兼容，需要加浏览器前缀 —— – webkit - ， chrome —— – moz - ，firefox —— – ms - ，IE —— – o - ，opera css3选择器 属性选择器 E[attr] E[attr=value] E[attr^=value]首字母是val... ...
分类：
Web程序 时间：
2016-09-24 11:54:20
阅读次数：
204
在上一篇CSS3选择器的研究中列出了几乎所有的CSS3选择器，和伪类选择器，当是并没有做案例的研究，本想在那篇文章里面写，但想想如果把案例都写在那篇文章里面，对于查找来说就不是很方便，所有另开一篇来讲实例。 属性选择器 [title]:选择带有title属性的元素 [title='hello']:选 ...
分类：
Web程序 时间：
2016-09-17 11:53:46
阅读次数：
201
属性选择器 [title]:选择带有title属性的元素 [title='hello']:选择属性是title并且值是hello的元素 [title~='hello']:选择属性是title并且部分值是hello的元素，hello需要是单独的值，以空格分开 [title*='hello']:选择属性 ...
分类：
Web程序 时间：
2016-09-15 00:51:30
阅读次数：
182
页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。jQuery几乎支持主流的css1~css3选择器的写法，我们从最简单的也是最常用 ...
分类：
Web程序 时间：
2016-09-13 16:10:03
阅读次数：
2210
也许你已经学会了CSS的三个简单常用的选择器：#ID，.class，标签选择器，可是这些就足够了吗？随着CSS3的到来，作为前端开发者需要掌握下面三十个基本的选择器，这样才可以在平时开发中得心用手。 本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。 ...
分类：
Web程序 时间：
2016-09-09 10:09:54
阅读次数：
204
一、深呼吸，直接内容 :nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。 先看一个简单的实例，首先是HTML部分： <section> <p>我是第1个p标 ...
分类：
Web程序 时间：
2016-09-01 20:04:34
阅读次数：
202
1、给导航加分割线，左右 .nav li::before,.nav li::after{ content:""; position:absolute; top:14px; height:25px; width:1px; } .nav li::before{ left:0; background:-w ...
分类：
Web程序 时间：
2016-08-29 12:46:58
阅读次数：
220
下标是从1开始 p:nth-child(2){color:red;} ...
分类：
Web程序 时间：
2016-08-12 18:01:39
阅读次数：
126
