.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去掉和加上再看效果 就明白了
情况一，如果你是内联样式的话，该样式只在本页面生效，内联不能跨页面使用；情况二，如果第一个页面使用的是外联样式的话，那么你第二个页面也要用第一个页面的样式的话，不生效的原因就是你没有将其外联样式引入；
情况三，如果你引入了外联样式还不生效可能就是你引入的路径错误或者文件名大意写错了一两个字母。
希望能帮到您！
.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去掉和加上再看效果 就明白了
