365体育官网紧邻选择符只会命中符合条件的邻座之哥们儿元素。相邻选择符只会命中符合条件的附近之弟兄元素。

 

 

前面文章总结了常用之8种选择器,今天再度来补充5惨遭选择器,其中一部分凡css3面临初加入的。

前面文章总结了常用的8栽选择器,今天重来补偿5遭遇选择器,其中有凡是css3遭遇新加盟的。

 

 

1、相邻选择器

1、相邻选择器

E+F { sRules }

E+F { sRules }

附近选择符只会命中符合条件的邻座之小兄弟元素。

相邻选择符只会命中符合条件的隔壁之哥们儿元素。

 

 

2、兄弟选择器

2、兄弟选择器

E~F { sRules }

E~F { sRules }

弟兄选择符会命中所有符合条件的小兄弟元素,而无强制是相邻的要素。

哥俩选择符会命中所有符合条件的兄弟元素,而不强制是邻的因素。

<style>

/* 相邻选择符(E+F) */

h3 + p { color: #f00; }

/* 兄弟选择符(E~F) */

h3 ~ p { color: #f00; }

</style>

<h3>这是一个标题</h3>

<p>p1</p>

<p>p2</p>

<p>p3</p>
<style>

/* 相邻选择符(E+F) */

h3 + p { color: #f00; }

/* 兄弟选择符(E~F) */

h3 ~ p { color: #f00; }

</style>

<h3>这是一个标题</h3>

<p>p1</p>

<p>p2</p>

<p>p3</p>

斯事例中,如果是相邻选择适合,那么单纯发
p1 会成为红色;如果是手足选择符合,那么
p1/p2/p3 都见面成红色;

这个事例中,如果是隔壁选择适合,那么单纯发生
p1 会变成红色;如果是手足选择符合,那么
p1/p2/p3 都见面化为红色;

 

 

3、属性选择器

3、属性选择器

 属性选择器一共来7种植选择形式。

 属性选择器一共发7种选择形式。

E[att] { sRules }

E[att] { sRules }

选取有att属性的E元素。

挑具有att属性的E元素。

<style>

img[alt] {

margin: 10px;

}

</style>

<img src="图片url" alt="365体育官网 1" />

<img src="图片url" />
<style>

img[alt] {

margin: 10px;

}

</style>

<img src="图片url" alt="365体育官网 2" />

<img src="图片url" />

 

 

此例,将会命中第一布置图纸,因为门当户对到了alt属性

此例,将会命中率先摆图片,因为门当户对到了alt属性

E[att=”val”] { sRules }

E[att=”val”] { sRules }

慎选具有att属性且属性值等于val的E元素。

挑选有att属性且属性值等于val的E元素。

<style>

input[type="text"] {

border: 2px solid #000;

}

</style>

<input type="text" />

<input type="submit" />
<style>

input[type="text"] {

border: 2px solid #000;

}

</style>

<input type="text" />

<input type="submit" />

 

 

此例,将会命中率先张input,因为门当户对到了type属性,并且属性值为text

此例,将会命中首先摆设input,因为相当到了type属性,并且属性值为text

 

 

E[att~=”val”] { sRules }

E[att~=”val”] { sRules }

慎选有att属性且属性值为同样之所以空格分隔的字词列表,其中一个相当于val的E元素(包含只生一个值且该值等于val的情状)。

选有att属性且属性值为同一据此空格分隔的字词列表,其中一个抵val的E元素(包含只生一个值且该值等于val的事态)。

<style>

div[class~="a"] {

border: 2px solid #000;

}

</style>

<div class="a">1</div>

<div class="b">2</div>

<div class="a b">3</div>
<style>

div[class~="a"] {

border: 2px solid #000;

}

</style>

<div class="a">1</div>

<div class="b">2</div>

<div class="a b">3</div>

 

 

此例,将会命中1, 3少于个div,因为相当到了class属性,且属性值中产生一个值为a

此例,将会命中1, 3点滴个div,因为门当户对到了class属性,且属性值中生一个值为a

 

 

E[att^=”val”] { sRules }

E[att^=”val”] { sRules }

择具有att属性且属性值为为val开头的字符串的E元素。

慎选有att属性且属性值为以val开头的字符串的E元素。

<style>

div[class^="a"] {

border: 2px solid #000;

}

</style>

<div class="abc">1</div>

<div class="acb">2</div>

<div class="bac">3</div>
<style>

div[class^="a"] {

border: 2px solid #000;

}

</style>

<div class="abc">1</div>

<div class="acb">2</div>

<div class="bac">3</div>

 

 

此例,将会命中1, 2两个div,因为门当户对到了class属性,且属性值以a开头

此例,将会命中1, 2两独div,因为相当到了class属性,且属性值以a开头

E[att$=”val”] { sRules }

E[att$=”val”] { sRules }

摘有att属性且属性值为缘val结尾的字符串的E元素。

慎选具有att属性且属性值为坐val结尾的字符串的E元素。

<style>

div[class$="c"] {

border: 2px solid #000;

}

</style>

<div class="abc">1</div>

<div class="acb">2</div>

<div class="bac">3</div>
<style>

div[class$="c"] {

border: 2px solid #000;

}

</style>

<div class="abc">1</div>

<div class="acb">2</div>

<div class="bac">3</div>

 

 

此例,将会命中1, 3零星独div,因为相当到了class属性,且属性值以c结尾

此例,将会命中1, 3片只div,因为门当户对到了class属性,且属性值以c结尾

E[att*=”val”] { sRules }

E[att*=”val”] { sRules }

分选具有att属性且属性值为含有val的字符串的E元素。

选料具有att属性且属性值为带有val的字符串的E元素。

<style>

div[class*="b"] {

border: 2px solid #000;

}

</style>



<div class="abc">1</div>

<div class="acb">2</div>

<div class="bac">3</div>
<style>

div[class*="b"] {

border: 2px solid #000;

}

</style>



<div class="abc">1</div>

<div class="acb">2</div>

<div class="bac">3</div>

 

 

此例,将会命中保有div,因为相当到了class属性,且属性值中还带有了b

此例,将会命中负有div,因为相当到了class属性,且属性值中都蕴含了b

E[att|=”val”] { sRules }

E[att|=”val”] { sRules }

 

 

慎选有att性能,其值是盖val开并因而连接符”-“分隔的字符串的E元素;如果值仅为val,也拿受选择。

挑具有att特性,其值是盖val开班并因而连接符”-“分隔的字符串的E元素;如果值才为val,也将于挑选。

这般懂会重新简短:如果元素E拥有att属性,并且值吗val,或者值是为val-开头的,那么E将见面吃增选。

如此这般理解会又简约:如果元素E拥有att属性,并且值也val,或者值是为val-开头的,那么E将会见叫选。

<style>

div[class|="a"] {

border: 2px solid #000;

}

</style>



<div class="a">0</div>

<div class="a-test">1</div>

<div class="b-test">2</div>

<div class="c-test">3</div>
<style>

div[class|="a"] {

border: 2px solid #000;

}

</style>



<div class="a">0</div>

<div class="a-test">1</div>

<div class="b-test">2</div>

<div class="c-test">3</div>

 

 

以斯例子中,前2个div将见面吃打中:

于这例子中,前2只div将会给中:

第1个div,拥有class属性,并且值为a,所以被击中;

第1只div,拥有class属性,并且值为a,所以让打中;

第2个div,拥有class属性,值是a开头并从连接符“-”,所以给打中;

第2独div,拥有class属性,值是a开头并跟随连接符“-”,所以叫打中;

 

 

4、伪类选择器

4、伪类选择器

 伪类选择器的类比较多,一共发二十余。

 伪类选择器的型比较多,一共有二十又。

E:link { sRules }

E:link { sRules }

安超链接a在无被看前之体制。

装超链接a在不为访问前的样式。

假使用吃超链接定义:访问前,鼠标悬停,当前为点击,已走访这4种植伪类效果,而而没循同样的书顺序,不同的浏览器可能会见发生异之展现

如急需被超链接定义:访问前,鼠标悬停,当前叫点击,已聘这4种伪类效果,而又没按同的题顺序,不同之浏览器可能会见来例外的见

超链接的4种植状态,需要有特定的写顺序才会奏效。

超链接的4种植状态,需要发一定的修顺序才能够奏效。

超过链接状态顺序:

超过链接状态顺序:

a:link {}

a:link {}

a:visited {}

a:visited {}

a:hover {}

a:hover {}

a:active {}

a:active {}

留神,a:hover 必须放在 a:link 和 a:visited 之后,a:active 必须在 a:hover 之后
保险的相继是:l(link)ov(visited)e
h(hover)a(active)te, 即用好(love)和厌恶(hate)两只词来概括

小心,a:hover 必须放在 a:link 和 a:visited 之后,a:active 必须在 a:hover 之后
保险的顺序是:l(link)ov(visited)e
h(hover)a(active)te, 即用好(love)和厌烦(hate)两只词来概括

E:visited { sRules }

E:visited { sRules }

安超链接a在其链接地址都受聘过时的体裁。

安装超链接a在那链接地址早就让访过时的体。

E:hover { sRules }

E:hover { sRules }

安元素以该鼠标悬停时之体制。

安装元素于那个鼠标悬停时之样式。

E:active { sRules }

E:active { sRules }

安元素于受用户激活(在鼠标点击和自由之间产生的事件)时的体裁。

设置元素以为用户激活(在鼠标点击和释放之间时有发生的轩然大波)时之体制。

E:focus { sRules }

E:focus { sRules }

安装对象在成输入焦点(该对象的onfocus事件发生)时的体。

装对象在成输入焦点(该对象的onfocus事件发生)时之样式。

webkit内核浏览器会默认为:focus状态的素加上outline的样式。

webkit内核浏览器会默认为:focus状态的要素加上outline的样式。

E:lang(fr) { sRules }

E:lang(fr) { sRules }

匹配使用特别语言的E元素。

配合使用异乎寻常语言的E元素。

<style>

<style>

p:lang(zh-cmn-Hans) {

p:lang(zh-cmn-Hans) {

color: #f00;

color: #f00;

}

}

p:lang(en) {

p:lang(en) {

color: #090;

color: #090;

}

}

</style>

</style>

</head>

</head>

<body>

<body>

<p lang=”zh-cmn-Hans”>大段测试文字</p>

<p lang=”zh-cmn-Hans”>大段测试文字</p>

<p lang=”en”>english</p>

<p lang=”en”>english</p>

E:not(s) { sRules }

E:not(s) { sRules }

匹配不含有s选择符的元素E。

配合不分包s选择符的元素E。

出矣这选项切合,那么你以可以死好之处理类似这样的现象:假定有只列表,每个列表项都发出雷同漫漫之边线,但是最后一件不需之边线

来矣之选项符合,那么你以可以生好的处理类似这样的观:假定有只列表,每个列表项都产生同漫长之边线,但是最后一起无需要的边线

.demo li:not(:last-child) {

.demo li:not(:last-child) {

border-bottom: 1px solid #ddd;

border-bottom: 1px solid #ddd;

}

}

上述代码的意思是:给该列表中除最后一件外的富有列表项加相同长长的之边线

上述代码的意是:给该列表中除去最后一桩外的有所列表项加同漫漫之边线

E:first-child { sRules }

E:first-child { sRules }

匹配父元素的首先独子元素E。

配合父元素的率先个子元素E。

只要要该属性生效,E元素必须是某某元素的子元素,E的父元素最高是body,即E可以是body的子元素。

设若要该属性生效,E元素必须是某某元素的子元素,E的父元素最高是body,即E可以是body的子元素。

<ul>

<ul>

<li>列表项一</li>

<li>列表项一</li>

<li>列表项二</li>

<li>列表项二</li>

<li>列表项三</li>

<li>列表项三</li>

<li>列表项四</li>

<li>列表项四</li>

</ul>

</ul>

于上述代码中,如果我们只要装第一只li的样式,那么代码应该写成li:first-child{sRules},而休是ul:first-child{sRules}。

于上述代码中,如果我们而设置第一独li的体制,那么代码应该写成li:first-child{sRules},而休是ul:first-child{sRules}。

以身作则代码:

演示代码:

p:first-child{color:#f00;}

p:first-child{color:#f00;}

 

 

<div>

<div>

<h2>我是一个标题</h2>

<h2>我是一个题名</h2>

<p>我是一个p</p>

<p>我是一个p</p>

</div>

</div>

只是当p前面加了一个h2标签,你会发觉选择器失效了,没有命中p,why?

只是于p前面加了一个h2标签,你会发觉选择器失效了,没有命中p,why?

E:first-child选择切合,E必须是其的小兄弟元素被之率先个要素,换言之,E必须是父元素的第一单子元素。与之类似之伪类还有E:last-child,只不过情况正好相反,需要它们是终极一个子元素。

E:first-child选择适合,E必须是其的兄弟元素被之首先个因素,换言之,E必须是父元素的率先单子元素。与之类似之伪类还有E:last-child,只不过情况正好相反,需要它们是最终一个子元素。

E:last-child { sRules }

E:last-child { sRules }

相当父元素的最后一个子元素E。

匹配父元素的最终一个子元素E。

 

 

E:nth-child(n) { sRules }

E:nth-child(n) { sRules }

配合父元素的第n个子元素E,假而该子元素不是E,则选择符无效。

配合父元素的第n只子元素E,假要该子元素不是E,则选择符无效。

若如该属性生效,E元素必须是某元素的子元素,E的父元素最高是body,即E可以是body的子元素

而如该属性生效,E元素必须是某元素的子元素,E的父元素最高是body,即E可以是body的子元素

该选择适合允许利用一个乘法因子(n)来作换算方式,比如我们想选中所有的偶尔数子元素E,那么选择适合可以形容成:E:nth-child(2n)

该选择适合允许使用一个乘法因子(n)来作换算方式,比如我们纪念选中所有的偶发数子元素E,那么选择适合可以形容成:E:nth-child(2n)

使用E:nth-child(n)实现奇偶:

使用E:nth-child(n)实现奇偶:

演示代码:

演示代码:

<style>

<style>

li:nth-child(2n){color:#f00;} /* 偶数 */

li:nth-child(2n){color:#f00;} /* 偶数 */

li:nth-child(2n+1){color:#000;} /* 奇数 */

li:nth-child(2n+1){color:#000;} /* 奇数 */

</style>

</style>

 

 

<ul>

<ul>

<li>列表项一</li>

<li>列表项一</li>

<li>列表项二</li>

<li>列表项二</li>

<li>列表项三</li>

<li>列表项三</li>

<li>列表项四</li>

<li>列表项四</li>

</ul>

</ul>

为(n)代表一个乘法因子,可以是0, 1, 2, 3, …, 所以(2n)换算出见面是偶数,而(2n+1)换算出会是奇数

因(n)代表一个乘法因子,可以是0, 1, 2, 3, …, 所以(2n)换算出会是偶数,而(2n+1)换算出见面是奇数

发好几得注意的凡:

产生几许待留意的是:

HTML示例代码:

HTML示例代码:

<div>

<div>

<p>第1个p</p>

<p>第1个p</p>

<p>第2个p</p>

<p>第2个p</p>

<span>第1个span</span>

<span>第1个span</span>

<p>第3个p</p>

<p>第3个p</p>

<span>第2个span</span>

<span>第2个span</span>

<p>第4个p</p>

<p>第4个p</p>

<p>第5个p</p>

<p>第5个p</p>

</div>

</div>

CSS Case 1:

CSS Case 1:

p:nth-child(2){color:#f00;}

p:nth-child(2){color:#f00;}

怪显第2单p会被命中然后改成红色

死明朗第2只p会被命中然后化作红色

CSS Case 2:

CSS Case 2:

p:nth-child(3){color:#f00;}

p:nth-child(3){color:#f00;}

立马是会命中第3单p么?如果你如此当那就是擦了,这条选择适合就无见面中任何一个素。

随即是会命中第3只p么?如果您这么觉得那就是错了,这条选择符合就未会见中任何一个因素。

CSS Case 3:

CSS Case 3:

p:nth-child(4){color:#f00;}

p:nth-child(4){color:#f00;}

此时你当会命中第4独p,但那实命中的可是第3个p,因为它们是第4单子元素

这时你道会命中第4独p,但那个实命中的却是第3个p,因为它们是第4单子元素

E:nth-child(n)会选择父元素的第n独子元素E,如果第n独子元素不是E,则是无用选择符合,但n会递增。

E:nth-child(n)会选择父元素的第n只子元素E,如果第n独子元素不是E,则是无济于事选择适合,但n会递增。

E:nth-last-child(n) { sRules }

E:nth-last-child(n) { sRules }

相当父元素的倒数第n只子元素E,假而该子元素不是E,则选择符无效。

相当父元素的倒数第n单子元素E,假要该子元素不是E,则选择符无效。

E:first-of-type { sRules }

E:first-of-type { sRules }

相当与色受到的首先个同级兄弟元素E。

配合同种类受到的率先只同级兄弟元素E。

一旦而该属性生效,E元素必须是有元素的子元素,E的父元素最高是html,即E可以是html的子元素,也就是说E可以是body

如若使该属性生效,E元素必须是某元素的子元素,E的父元素最高是html,即E可以是html的子元素,也就是说E可以是body

该选择适合总是能命中父元素的第1只为E的子元素,不论第1只子元素是否为E

该选择适合总是能命中父元素的第1单为E的子元素,不论第1单子元素是否为E

E:last-of-type { sRules }

E:last-of-type { sRules }

匹配同色受到的结尾一个同级兄弟元素E。

相当与种类受到的最后一个同级兄弟元素E。

 

 

E:nth-of-type(n) { sRules }

E:nth-of-type(n) { sRules }

配合与色受到的第n独同级兄弟元素E。

匹配和种受到的第n单同级兄弟元素E。

发出某些得留意的凡:

生几许待专注的是:

HTML示例代码:

HTML示例代码:

<div>

<div>

<p>第1个p</p>

<p>第1个p</p>

<p>第2个p</p>

<p>第2个p</p>

<span>第1个span</span>

<span>第1个span</span>

<p>第3个p</p>

<p>第3个p</p>

<span>第2个span</span>

<span>第2个span</span>

</div>

</div>

一经齐HTML,假而要中第一独span:

只要齐HTML,假而要中第一单span:

span:nth-of-type(1){color:#f00;}

span:nth-of-type(1){color:#f00;}

如果使用E:nth-child(n):

如若使用E:nth-child(n):

span:nth-child(3){color:#f00;}

span:nth-child(3){color:#f00;}

E:nth-last-of-type(n) { sRules }

E:nth-last-of-type(n) { sRules }

匹配和种中之倒数第n单同级兄弟元素E。

相当与品种中之倒数第n独同级兄弟元素E。

E:checked { sRules }

E:checked { sRules }

配合用户界面及处于选中状态的元素E。(用于input type为radio与checkbox时)

配合用户界面上远在选中状态的元素E。(用于input type为radio与checkbox时)

<style>

input:checked + span {

background: #f00;

}

input:checked + span:after {

content: " 我被选中了";

}

</style>

</head>

<body>

<form method="post" action="#">

<fieldset>

<legend>选中下面的项试试</legend>

<ul>

<li><label><input type="radio" name="colour-group" value="0" />蓝色</label></li>

<li><label><input type="radio" name="colour-group" value="1" />红色</label></li>

<li><label><input type="radio" name="colour-group" value="2" />黑色</label></li>

</ul>

</fieldset>

<fieldset>

<legend>选中下面的项试试</legend>

<ul>

<li><label><input type="checkbox" name="colour-group2" value="0" />蓝色</label></li>

<li><label><input type="checkbox" name="colour-group2" value="1" />红色</label></li>

<li><label><input type="checkbox" name="colour-group2" value="2" />黑色</label></li>

</ul>

</fieldset>

</form>

</body>
<style>

input:checked + span {

background: #f00;

}

input:checked + span:after {

content: " 我被选中了";

}

</style>

</head>

<body>

<form method="post" action="#">

<fieldset>

<legend>选中下面的项试试</legend>

<ul>

<li><label><input type="radio" name="colour-group" value="0" />蓝色</label></li>

<li><label><input type="radio" name="colour-group" value="1" />红色</label></li>

<li><label><input type="radio" name="colour-group" value="2" />黑色</label></li>

</ul>

</fieldset>

<fieldset>

<legend>选中下面的项试试</legend>

<ul>

<li><label><input type="checkbox" name="colour-group2" value="0" />蓝色</label></li>

<li><label><input type="checkbox" name="colour-group2" value="1" />红色</label></li>

<li><label><input type="checkbox" name="colour-group2" value="2" />黑色</label></li>

</ul>

</fieldset>

</form>

</body>

 

 

E:target { sRules }

E:target { sRules }

匹配相关URL指向的E元素。

配合相关URL指向的E元素。

解释:URL后面跟锚点#,指向文档内某个具体的因素。这个给链接的要素就是目标元素(target element),:target选择器用于选取当前运动之目标元素。

解释:URL后面跟锚点#,指向文档内某个具体的元素。这个于链接的素就是目标元素(target element),:target选择器用于选取当前移动的目标元素。

以身作则代码:

演示代码:

#demo:target{color:#f00;}

#demo:target{color:#f00;}

 

 

<div id=”demo”>

<div id=”demo”>

<p>E:target伪类使用方法</p>

<p>E:target伪类使用方式</p>

</div>

</div>

倘若上述代码在页面 a.html 中,那么当访问 a.html#demo 时,这个div元素将会见叫:target命中

假使上述代码在页面 a.html 中,那么当访问 a.html#demo 时,这个div元素将见面于:target命中

 

 

5、伪元素选择器

5、伪元素选择器

 

 

E:first-letter/E::first-letter { sRules }

E:first-letter/E::first-letter { sRules }

安对象内之首先个字符的体制。

安装对象内的第一只字符的样式。

此伪对象仅作用为片对象。内联对象要使该伪对象,必须先以那安装也块级对象。

此伪对象只是作用为片对象。内联对象要使用该伪对象,必须先以那设置也块级对象。

拖欠伪类常让用来配合font-size属性和float性制作首许下没效果。

该伪类常于用来配合font-size属性和float性能制作首许下没效果。

CSS3用黑对象选择符合(Pseudo-Element Selectors)前面的么冒号(:)修改为双双冒号(::)用以区别伪类选择符合(Pseudo-Classes
Selectors),但以前的写法仍然有效。

CSS3将黑对象选择符合(Pseudo-Element Selectors)前面的么冒号(:)修改也双双冒号(::)用以区别伪类选择符合(Pseudo-Classes
Selectors),但以前的写法仍然有效。

即E:first-letter可转化为E::first-letter

即E:first-letter可转化为E::first-letter

 

 

E:first-line/E::first-line { sRules }

E:first-line/E::first-line { sRules }

安对象内的率先实行的体制。

装对象内的首先履行的体裁。

此伪对象只是作用被片对象。内联对象要运用该伪对象,必须优先以那个设置为块级对象。

此伪对象365体育官网就作用被片对象。内联对象要以该伪对象,必须优先以那个安为块级对象。

E:before/E::before { sRules }

E:before/E::before { sRules }

设置在目标前(依据对象树的逻辑结构)发生的始末。用来和content特性一起使用,并且要定义content属性

安以靶前(依据对象树之逻辑结构)发生的内容。用来和content特性一起下,并且要定义content属性

E:after/E::after { sRules }

E:after/E::after { sRules }

安在目标后(依据对象树之逻辑结构)发生的内容。用来和content属性一起用,并且要定义content属性

装以靶后(依据对象树的逻辑结构)发生的情节。用来和content属性一起行使,并且要定义content属性

E::placeholder { sRules }

E::placeholder { sRules }

装对象文字占位符的体制。

安装对象文字占位符的样式。

  • ::placeholder 伪元素用于控制表单输入框占位符的外观,它同意开发者/设计师改变文字占位符的体裁,默认的契占位符为浅灰色。
  • 当表单背景色也接近之水彩时它或许作用并无是十分引人注目,那么即便可应用这伪元素来转文字占位符的水彩。
  • 消专注的凡,除了Firefox是 ::[prefix]placeholder,其他浏览器都是使 ::[prefix]input-placeholder

  • ::placeholder 伪元素用于控制表单输入框占位符的外观,它同意开发者/设计师改变文字占位符的样式,默认的仿占位符为浅灰色。
  • 当表单背景色吧接近的颜料时她可能效果并无是殊强烈,那么就算得利用此伪元素来改变文字占位符的颜料。
  • 欲注意的是,除了Firefox是 ::[prefix]placeholder,其他浏览器还是动 ::[prefix]input-placeholder

input::-webkit-input-placeholder {

color: #999;

}

input:-ms-input-placeholder { // IE10+

color: #999;

}

input:-moz-placeholder { // Firefox4-18

color: #999;

}

input::-moz-placeholder { // Firefox19+

color: #999;

}
input::-webkit-input-placeholder {

color: #999;

}

input:-ms-input-placeholder { // IE10+

color: #999;

}

input:-moz-placeholder { // Firefox4-18

color: #999;

}

input::-moz-placeholder { // Firefox19+

color: #999;

}

 

 

E::selection { sRules }

E::selection { sRules }

装对象吃挑时的体裁。

设置对象被选时的体。

内需专注的是,::selection只能定义为挑选时的background-color,color及text-shadow(IE11尚非支持定义该属性)。

消专注的是,::selection只能定义为增选时的background-color,color及text-shadow(IE11尚非支持定义该属性)。

 

 

相关文章