CSS选择器之兄弟选择器（~和+）

【CSS选择器之兄弟选择器（~和+）】的更多相关文章

CSS选择器之兄弟选择器（~和+）

今天在改以以前人家写的网页的样式的时候,碰到这个选择器,‘~’,当时我是懵逼的,傻傻分不清 ‘+’ 跟 ‘~’的区别,虽然我知道他们都是兄弟选择器. 后来网上查了下,也许是我查找的方式不对,没有找到我想要的答案,于是私下拿这两个选择器来测试了一下.发现原来是这样的. 先来代码说话: (1).‘~’选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"…

CSS选择器之基本选择器总结

一.元素选择器(所有浏览器支持) 元素选择器(标签名选择器)其实就是文档的元素,如html,body,p,div等等, 下面例子中选择了span元素,并设置了字体颜色为红色. <body> <p>这里使用<span>标签名选择器</span>改变了样式</p> </body> CSS: span{ color: red; } 效果: 二.类选择器 (所有浏览器都支持类选择器,但多类选择器(.className1.className2…

CSS选择器之基本选择器+属性选择器

1.1 id选择器 #main{ font-size:12px; margin:0; padding:0; } 其中的#main就是id选择器,用于选择HTML页面中id = "main"(<div id="main">这里为内容</div>)的元素.在同一个页面中,只能有一个id. 1.2 class选择器 .main{ font-size:12px; margin:0; padding:0; } 其中的.main就是c…

CSS 选择器之基本选择器属性选择器伪类选择器

CSS 选择器常见的选择器列表图 CSS选择器笔记基本选择器通配符选择器(*) 元素选择器(E) 类选择器(.className) 所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持. id选择器(#ID) 多元素选择器(E,F) 后代选择器(E F) 子元素选择器(E>F) IE6不支持子元素选择器. 子元素选择器,匹配所有E元素的子元素F 相邻元素选择器(E + F) 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F…

CSS选择器之通配符选择器和多元素选择器

1.通配符选择器如果希望所有的元素都符合某一种样式,可以使用通配符选择器．基本语法: *{margin:0; padding:0} 可以让所有的html元素的外边距和内边距都默认为0. 写一段html代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head>…

CSS选择器之基本选择器

一.通用选择器选择器 * 匹配所有元素最低支持CSS版本 2 二.类型选择器选择器 <元素类型> 匹配所有指定类型的元素最低支持CSS版本 1 三.类选择器选择器 <类名>(或 *.<类名>) <元素类型>.<类名> 匹配属于指定类的元素:当跟元素一起使用时,匹配属于指定类的特定类型的元素最低支持CSS版本 1 四.ID选择器选择器 #<id值> <元素类型>.#<id值> 匹配具有指定…

CSS选择器之伪类选择器（伪元素）

selection [CSS4]应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分).(IE8及以下不支持)(火狐-moz-selection) first-line 选择每个 <p> 元素的首行,并为其设置样式. first-letter 选择每个 <p> 元素的首字母,并为其设置样式. before 在每个 <p> 元素的内容之前插入新内容.(IE7及以下不支持) after 在每个 <p> 元素的内容之后插入新内容.(IE7及以下不支持…

css笔记08：id选择器之父子选择器

1.父子选择器 (1)01.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e…

DOM选择器之元素选择器

DOM中元素选择器在DOM中我们可以将元素选择器分为两类:1.元素节点选择器:2.其它节点选择器.通过选择器选择HTML中的元素以对其进行操作,以此实现用JS对页面的操作. 一.元素节点选择器 1.ID选择器:document.getElementById() 通过标签的ID名选择,返回的是单个的值,在HTML中ID具有唯一性: 2.class选择器:document.getElementsByClassName() var aEle=document.getElementsByClassNa…

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

× 目录 [1]简单属性 [2]具体属性 [3]条件属性前面的话属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选择器和条件属性选择器三种.本文将详细该部分内容简单属性选择器 [attribute] [attribute]选择器选择拥有该属性的元素,返回集合元素 //选择拥有title属性的所有元素 $('[title]') //选择拥有title属性的所有span元素 $('span[title]') //…