直接开始正文。 一、属性选择器 属性选择器就是根据元素的属性及属性值来选择元素，用好属性选择器可以让你的级别上升一个层次。 1、只根据属性选择元素 适用于希望选择有某个属性的元素，只关心属性不关心属性值。。 Note：元素和方括号中间没有冒号，也不能有空格，方括号之间也不能有空格。 a、根据一个属性选择【E[Attr]】： *[title]{color:blue;}就可以给所以带title的元素设置样式。 a[href]{color:red;}只对...
接css3选择器（一） 八、结构性伪类选择器【:nth-child(n)】 :nth-child(n)选择器用来匹配某个父元素的一个或多个特定的子元素，和jquery中一样。 其中"n"是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式（2n+1,-n+5）和关键字(odd【奇数】、even【偶数】)，但是参数n的值起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。 Note:当“:nth-child(n)”选择器中的n为一个表达式时，其...
接css3选择器（一） 接css3 选择器（二） 这篇和前两篇内容相关性不大，主要是涉及到一些css3的状态选择器，所以标题从一开始。 一、【:enabled】选择器 一看这个属性就知道是专为表单元素提供的。在表单中输入框，密码框，复选框都有可用(:enabled)和不可用（:disabled）状态，默认情况，这些表单元素都处在可用状态。可通过选择器:enabled为这些表单元素设置样式。 举例：可用输入框设置样式。 div { margin: 3...
CSS有两种选择器id和class，总之如果说你想在HTML元素中设置CSS属性， 你要在元素中设置id和class选择器。那么我们现在来一个一个的介绍这两中选择器 id选择器: HTML中的元素属性用id来设置id选择器，CSS中的id选择器是用“#”来定义的 比如: #para1 { text-align:center; color:red; } 这样就定义了一个选择器，什么是选择器，在网上查的是说需要改变的HTML元素，很正确，在一开始我们的内部样式定义的时候我...
CSS中关于多个选择器中是否含有空格的区别 CSS中多个选择器中含有空格和不含有空格区别很大，区分下列含义： #header.callout { }#header .callout { } 第一个表示ID为header的同时类名为callout的选择器， 第二个表示ID为header下子节点中含有类名为callout的选择器 我们用以下例子表明： #header.callout { } #header .callout { } #header .callout { }中我们选择的是其中的类名为callout的子div。 ...
在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 属性选择器可以根据元素的属性及属性值来选择元素。 三种基本的选择器类型：标签名选择器、类选择器、ID选择器 具体语法如下： 1、标签名选择器，如： html {color:black;}h1 {color:blue;}h2 {color:silver;} 即直接使用HTML标签作为选择器。 2、类选择器 类选择器允许以一种独立于文档元素的方式来指定样式。 该选择器可以单独使用，也...
前言 上一篇系列文章整理了CSS选择器的基础使用方法，因为内容较多且细致，写了很多DEMO，目前将它整理成适合移动端浏览器的CSS选择器的参考手册，方便学习CSS的人参考使用，马上就要搞定了，之后会放出 (笑脸)。 本节内容会跟着上一节的内容继续完善，首先会补充CSS选择器的浏览器支持情况（主要是说IE），比如我们最常用的s1,s2,…,sN群组选择器在IE7时才被支持，并且IE7还支持了很多我们没有想到的选择器，如子元素选择器，属...
css3新增加的选择器 一、属性选择器： E[attr] 只要有属性名E[attr=value] 属性名=属性值E[attr~=blue] 包含这个blue整个单词就可以E[attr^=c] 以这个字母c开头的E[attr$=b] 以这个字母b结尾的E[attr*=a] 只要包含a这个字母就行E[attr|=z] 只要以字母z-开头的或者就是字母z的 二、结构性伪类选择器： E:nth-child(n) 第n个子节点div:nth-child(odd) 奇数行div:nth-child(even) 偶数行div:nth-child(2n) 2的倍数E:nth-last-chil...
样式优先级原则 总的原则1.CSS规定拥有更高确定度的选择器优先级更高2.如果样式中包含冲突的规则，且它们具有相同的确定度。那么，后出现的规则优先级高。 优先级：由高到低(从上到下) !important 内联(1,0,0,0) id: (0,1,0,0) 类：(0,0,1,0) 伪类/属性 元素：(0,0,0,1) 通配符 类选择器 class="web",多个元素可以拥有同一个类名 id选择器 id="web",具有唯一性 伪类选择器 CSS伪类（pseudo-class）...
1、HTML中引入CSS的方式 HTML中引入CSS的样式有4种：行内式、内嵌式、导入式和链接式。 ⑴行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 ⑵嵌入式 嵌入式是将CSS样式集中写在网页的标签对的标签对中。格式如下： 这里写css样式 缺点是对于一个包含很多网页的网站，在每个网页中使用嵌入式，进行修改样式时非常麻烦。单一...
主要内容 CSS概述 CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表 CSS四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器 CSS三种扩展选择器：组合选择器、后代选择器、伪类选择器 CSS样式优先级 CSS 概述 CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 接下...
一CSS类选择器概述 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用。 只有适当地标记文档后，才能使用这些选择器，所以使用这两种选择器通常需要先做一些构想和计划。要应用样式而 不考虑具体设计的元素，最常用的方法就是使用类选择器。 二修改 HTML 代码 在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。为了将类选择器...
在上一篇的博客中我们已经熟悉CSS语法，对于CSS代码格式也有了一些认识。下面我就来说一下CSS代码式： 选择器名称 { 属性名：属性值；属性名：属性值；......} 属性与属性之间用分号隔开；属性与属性值直接使用冒号连接；如果一个属性有多个属性值的话，那么多个属性值用空格隔开。 上述提到了我这一篇博客所要说的主题，就是选择器。选择器就是指定CSS语法要作用的标签，那个标签的名称 就是选择器...
一id选择器示例 id选择器允许以一种独立于文档元素的方式来指定样式。在某些方面，id选择器类似于类选择器，不过也有一些 重要差别。 语法 首先，id选择器前面有一个 # 号，也称为棋盘号或井号。 请看下面的规则： *#intro { font-size:24px;background-color:#000000;color:#FF0000;} 与类选择器一样，id选择器中可以忽略通配选择器。前面的例子也可以写作： #in...
CSS语法中通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。 在CSS1中，通过这种方式来应用规则的选择器被称为上下文选择器(contextual selectors)，这是由于它们依赖于 上下文关系来应用或者避免某项规则。在CSS2中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都 是相同的。派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以 使H...