@ CSS选择器first？
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点，你前面有个content所以会失效
1
2
3
你把这里的span去掉和加上再看效果 就明白了
@ css选择器命名能是百分号吗？
不能
具体如下：
左边是选择器首字符，右边是选择器后面的字符
首字符支持的字符类型是a～z、A～Z、下划线（_）以及非ASCII字符（中文、全角字符等）
后面的字符支持的字符类型是a～z、A～Z、0～9、下划线（_）、短横线（-）以及非ASCII字符
可以直接以短横线开头，如果是一根短横线（-），那么短橫线后面必须有其他字符、字母或下划线或者其他编码字符；如果是连续两根短横线（–），则它的后面不跟任何字符也是合法的。
@ 元素类名与类名元素有什么区别？
元素.类名 例如：p.abc{ color:red; } 类名是abc的标签p的颜色是red 类名.元素 .abc p{ color:red; } 表示：类名abc的任何标签旗下的p标签颜色是red
