.content[data-role=page]:nth-child(2){}
使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效
<style>
p:first-child{color:#f00}</style>
<div>
<span></span>
<p>1</p>
<p>2</p>
<p>3</p></div>
你把这里的span去掉和加上再看效果 就明白了
用CSS +DIV将第二张特定图片覆盖第一张图片的部分区域方法：
用CSS中元素的background : background-color || background-image || background-repeat || background-attachment || background-position。 示例代码如下：
复制代码代码如下:
background:transparent url(123.jpg) no-repeat scroll -140px -20px
解释：
transparent表示透明无颜色
url(123.jpg) 表示背景图片
no-repeat 表示图片不重复
scroll 表示背景图片随浏览器下拉而滚动
-140px 表示水平位置在图片的-140px处（以图片的左上角为0,0）
-20px 表示垂直位置在图片的-20px处（以图片的左上角为0,0）
情况一，如果你是内联样式的话，该样式只在本页面生效，内联不能跨页面使用；情况二，如果第一个页面使用的是外联样式的话，那么你第二个页面也要用第一个页面的样式的话，不生效的原因就是你没有将其外联样式引入；
情况三，如果你引入了外联样式还不生效可能就是你引入的路径错误或者文件名大意写错了一两个字母。
希望能帮到您！
