zhangyaochun
- 浏览: 2560713 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
CSS 相邻兄弟选择器
--------------可选择紧接在另一元素后的元素，且两者有相同的父元素。
/*选择紧接在h1元素后出现的段落
h1和p有共同的父元素
*/
h1 + p{margin-top:2px;}
注释：
- 相邻兄弟选择器使用了加号（+），即相邻兄弟结合符
- 相邻兄弟结合符旁边可以有空白符
扩展阅读：
1、http://www.w3school.com.cn/tiy/t.asp?f=csse_selector_adjacent_sibling w3school的在线例子
分享到：
发表评论
-
css 基础之 em 与 rem
2017-02-27 14:03 925em 和 rem 都是相对单位，由浏览器转换为 ... -
css之counter-increment
2014-03-31 18:40 1204CSS 之 counter-increment ... -
css基础之clip属性
2014-03-06 22:03 1049本文介绍一下css的clip属性： ... -
css之initial
2013-11-02 21:04 1097本文来自：https://developer. ... -
position为relative的限制
2013-10-25 15:39 1350本文主要来自：http://www.pl ... -
css opacity属性
2013-04-10 17:12 0内容参考：http://www.dreamd ... -
css基础之text-decoration
2013-02-26 16:19 1340前言： 先看一个app的效 ... -
css伪元素之:first-line
2013-01-15 14:10 1303:first-line -- ... -
css伪元素之:first-letter
2013-01-15 14:11 1300:first-letter ... -
css伪元素之:after
2013-01-14 15:40 1398:after --- ... -
css伪元素之:before
2013-01-14 15:32 1524:before -- ... -
css之ime-mode
2012-08-02 16:21 1821css之ime-mode ---------- ... -
CSS unicode-bidi属性
2012-05-27 17:27 2022CSS unicode-bidi属性 un ... -
整理部分IE hack
2012-05-19 19:25 1475前面也简单地写过一篇简单整理IE的hack,但是那篇只是简单地 ... -
浅谈css3的书写顺序
2012-05-11 16:04 1559前言： 最近一直在写css规范的文档，关于 ... -
热门前端面试题之link与import方式的区别
2012-05-11 13:58 2158写css规范的文档的时候，很多人都会推荐css文件的引入方式尽 ... -
css vertical-align属性
2012-03-25 11:30 1653CSS vertical-align 属性 -- ... -
css伪类
2012-02-16 20:46 1505CSS 伪类 (Pseudo-classes) ... -
css后代选择器
2012-02-16 20:47 1478CSS 后代选择器 ----------- ... -
CSSStyleSheet对象
2012-02-14 10:24 1727CSSStyleSheet对象 - ...
相关推荐
可选择紧接在另一个元素后的元素，且二者有相同的父级元素 下面代码中，item2和item3会有效果，而item...1、如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。 2、相邻兄弟选择
CSS3选择器--关系选择器 关系选择器 01 子代选择器（>） 子代选择器主要用来选择某个元素的第一级子元素。...‘+’选择器则表示某元素后相邻的兄弟元素，也就是紧挨着的，是单个的。而‘~’选择器则表示
1. CSS 相邻兄弟选择器 + 相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。 相邻兄弟选择器使用了加号（+），即相邻兄弟结合符（Adjacent sibling combinator）...
CSS选择器 xmind - 选择器分类(ID选择器，类选择器，标签选择器，通配选择器，属性选择器，伪类选择器)。...- 选择器关系(分组，后代，子元素，相邻兄弟，后续兄弟)。 - CSS特性(优先级，继承，层叠)。
1.常用选择器 2. 子选择器与相邻同胞选择器 3. 属性选择器 4. 浏览器对CSS选择器的支持情况
id选择器id选择器类选择器类选择器1类选择器2类选择器3标签选择器标签选择器1标签选择器2相邻选择器相邻选择器 +相邻选择器相邻选择器 ~相邻选择器相邻选择器
相邻兄弟选择器（以加号分隔） 普通兄弟选择器（以破折号分隔） 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例选取所有 元素插入到 元素中: 实例 div p { background-color:yellow; } 子元素...
2) $('.class') css选择器,class类名 3) $('element') 标签选择器，例如p,h1,div 4) $('*') 全选择器,可选择所有的html标签(影响范围较大甚用) 5) $('sele1,sele2') 用‘,'逗号隔开可以选择...
1.子选择器 复制代码代码如下: <...2.相邻选择器 如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。 例如，如果要增加紧
1.复合选择器 （1）后代选择器（包含选择器 重要） 语法： 元素1 元素2 {样式声明} 选择器1 选择器2{ 属性：属性值 } 元素1和元素2用空格隔开 元素1父亲 元素2后代 最终改变的是后代（元素2）的样式 ...
文章目录CSS第二课-复杂选择器群组选择器属性选择器根据属性名查找元素根据属性值精确查找多属性选择器根据属性值近似查找根据标签查找派生选择器后代选择器子元素选择器相邻兄弟选择器 CSS第二课-复杂选择器 群组...
1)关于子选择器 ( > ) 在ie7+标准模式，chrome，ff下...它和临近兄弟节点选择器的区别就是，前者就选择后面所有的，不要求相邻，但是后面必须是相邻，且选择一个。 CSS 2.1 ↓ Selector / Browser → IE6 IE7 IE
JavaWeb概述, B/S结构, HTML语法, 标签(文本, 列表, 表格, 表单, 框架, 超链接) CSS选择器(简单选择器, 组合选择器, 伪类/伪元素/属性选择器, 后代/子元素/相邻兄弟选择器) CSS常用样式属性
交集选择器 并集选择器 后代选择器 子代选择器 相邻元素选择器 兄弟元素选择器 外边距 内边距 边框 怪异盒模型 父子元素外边距合并 兄弟元素外边距合并
2.5.8 相邻选择器 37 2.5.9 CSS的优先权 37 2.6 伪元素 39 2.7 样式类 41 2.7.1 ID类 41 2.7.2 伪类 42 2.7.3 类继承 44 2.8 样式表的层叠性 47 2.9 注释 49 2.10 CSS的属性和值 49 2.10.1 字体属性 49 2.10.2 文本...
JavaScript 日期联动选择器