大同网站优化【大同开通400电话】大同网站搭建、大同微信公众号推文外包、大同开通京东拼多多设计、大同淘宝装修

发表日期： 2021-05-21 15:59:14 浏览次数：118

网站建设.jpg

大同，古称云中、平城，是山西省地级市，国务院批复确定的中国晋冀蒙交界地区中心城市之一、重要的综合能源基地 [1] 。截至2018年，全市下辖4个区、6个县，总面积14176平方千米，建成区面积202.74平方千米，常住人口346.30万人，城镇人口227.23万人，城镇化率65.62%。 [2]

大同地处中国华北地区、山西北部、大同盆地中心、晋冀蒙三省区交界处、黄土高原东北边缘，实为全晋之屏障、北方之门户，且扼晋、冀、内蒙之咽喉要道，北隔长城与内蒙古自治区乌兰察布市接壤 [3] ，是山西省省域副中心城市，历代兵家必争之地，有“北方锁钥”之称。 [4] 大同是首批国家历史文化名城之一、曾是北魏首都，辽、金陪都，境内古迹众多，著名的文物古迹包括云冈石窟、华严寺、善化寺、恒山悬空寺、九龙壁等 [4] ，是中国首批13个较大的市之一、中国九大古都之一、国家新能源示范城市、中国优秀旅游城市、国家园林城市 [5] 、全国双拥模范城市、全国性交通枢纽城市、中国雕塑之都、中国十佳运动休闲城市。

大同是中国最大的煤炭能源基地之一，国家重化工能源基地，神府、准格尔新兴能源区与京津唐发达工业区的中点。素有“凤凰城”和“中国煤都”之称。 2019年8月13日，入选全国城市医疗联合体建设试点城市。 [6]

2019年，大同市地区生产总值实现1318.8亿元，按不变价格计算，比上年增长6.7%。 [2]

今天来讲解css3的一个伪类选择器nth-child()，这个选择器的功能昨天文章的时候提到过。想必大家都感觉它很牛逼。你可以轻轻松松的选择html中的任何一个标签，然后进行定义样式。今天，我们就这个选择器，来详细的讲解下，以便大家以后更熟练的去操作的它。

定义和用法

nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。

浏览器支持

下面我们通过实例来试一试

实例1

Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。在这里，我们为奇数和偶数 p 元素指定两种不同的背景色：

<!DOCTYPE html>
<html>
<head>
<style>
p:nth-child(odd)
{
background:#ff0000;
}
p:nth-child(even)
{
background:#0000ff;
}
</style>
</head>
<body>

<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>

<p><b>注释：</b>Internet Explorer 不支持 :nth-child() 选择器。</p>

</body>
</html>

结果如下图:

实例2

使用公式 (an + b)。描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。在这里，我们指定了下标是 3 的倍数的所有 p 元素的背景色：

<!DOCTYPE html>
<html>
<head>
<style>
p:nth-child(3n+0)
{
background:#ff0000;
}
</style>
</head>
<body>

<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
<p>第五个段落。</p>
<p>第六个段落。</p>
<p>第七个段落。</p>
<p>第八个段落。</p>
<p>第九个段落。</p>

<p><b>注释：</b>Internet Explorer 不支持 :nth-child() 选择器。</p>

</body>
</html>

结果如下图:

不懂的可以直接留言咨询，这个nth-child() 选择器是不是很拉风，赶快使用下试一试吧！

大同网站优化【大同开通400电话】大同网站搭建、大同微信公众号推文外包、大同开通京东拼多多设计、大同淘宝装修

上一页：大同400电话办理【大同网站公司】大同百度优化、大同域名注册、大同网店美工、大同微信公众号托管

下一页：大同小程序制作【大同企业邮箱】大同网站外包、大同微信商城开发、大同网店美工、大同淘宝设计