就是选中第一个元素，比如
html文字效果由css样式属性控制，css层叠样式表不是唯一但有优先顺序的。
第一优先级：无条件优先的属性只需要在属性后面使用！important。它会覆盖页面内任何位置定义的元素样式。
第二优先级：在html中给元素标签加style，即内联样式。
第三优先级：由一个或多个id选择器来定义。例如，#id{margin:0;}会覆盖.classname{margin:3pxl}
第四优先级：由一个或多个类选择器、属性选择器、伪类选择器定义。如.classname{margin:3px}会覆盖div{margin:6px;}
第五优先级：由一个或多个类型选择器定义。如div{marigin:6px;}覆盖*{margin:10px；}
第六优先级：通配选择器，如*{marigin:6px;}
还有一种是js脚本监听强制控制，这里修改需要找到监听事件进行修改。
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效
1
2
3
你把这里的span去掉和加上再看效果 就明白了样式权值设定
1. 内联样式表的权值最高 1000；
2. ID 选择器的权值为 100
3. Class 类选择器的权值为 10
4. HTML 标签选择器的权值为 1
5 继承样式的权值为0.1
举例
< class a>
< class b>
<class c >
直接用 .c(类)选择器 它的权值只有10 ，
用 .a .b .c来选择，则它的权值为10+10+10。