css中的伪类 之 first-child

原创 2012年03月28日 13:29:36

昨天在看代码时,看到了下面这段代码

 

body:last-child {

    font: 64%/133.5% "MS Pゴシック", sans-serif;

}

 

这里的last-child是css中伪类

-----------------------------------------------

下面举一段代码作为例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<style type="text/css">
p:first-child {font-weight: bold;}
li:first-child {text-transform:uppercase;color:red}
</style>
</head>

<body>
<div>
<p>These are the necessary steps:</p>
<ul>
<li>Intert Key</li>
<li>Turn key <strong>clockwise</strong></li>
<li>Push accelerator</li>
</ul>
<p>Do <em>not</em> push the brake at the same time as the accelerator.</p>
</div>

<p><b>注释:</b>必须声明 DOCTYPE,这样 :first-child 才能在 IE 中生效。</p>
</body>

</html>


效果

----------------------------------------------------------------------------------

These are the necessary steps:
 •INTERT KEY
 •Turn key clockwise
 •Push accelerator
 
Do not push the brake at the same time as the accelerator.
 
注释:必须声明 DOCTYPE,这样 :first-child 才能在 IE 中生效。

-------------------------------------------------------------------------------------

 

 

 

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

关于CSS伪类first-child的深入理解

关于CSS伪类first-child的深入理解在CSS(CSS3)中,有一种选择器很特殊,那就是伪类,关于伪类有很多,这里详细分析其中的一种:first-child。具体书写格式如下: elemen...

CSS3 :nth-child()伪类选择器

1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比)    2.强制不换行 div{ //white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本...

CSS3选择器之:nth-child()伪类选择器详解

1、语法:nth-child(an+b)  注意: (an+b)不能写成(b+an); 描述:伪类:nth-child()的参数是an+b,如果按照w3.org上的描述,写成中文,很可能会让人头晕,再...

奇偶行显示不同样式操作,CSS3 :nth-child()伪类选择器

原文地址:http://blog.phpok.com/archives/202/ css3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支...

CSS3 :nth-child()伪类选择器

CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器...

在IE678下解决伪类last-child的css2方法

开始我是有找下解决的方法。 一般last-child都是用在菜单或者列表用边框分隔的时候,把最后面一个border的设定去掉。 一种方法是给最后一项添加一个class,例如.last-chil...

CSS3 :nth-child()伪类选择器

CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器...

CSS3伪类选择器nth-child和nth-of-type浅析

1. nth-child定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 n 个子元素,不论元素的类型。n 可以是数字、关键词或公式。① n为数字时,n为大于0的整数.box :n...

CSS3:nth-child()伪类选择器,Table表格奇偶数行定义样式

css table tr

css 伪类选择器 :nth-child(n) 与:nth-of-type(n)的区别

这个文章标题似乎太长了。但是不点明又不大好。哈哈,暂且不要在意这些细节了,说说今天的主角 CSS的伪类选择器:nth-child,至于为什么还需要配角:nth-of-type,是因为我个人觉得这两个...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)