这段css是什么意思

我直接写出标签你就懂了

page-header h1 small这个样式是针对标签的样式，用这种方式或者格式写样式的目的主要是针对性比较强，只对我上面所设定的这种标签层级关系起作用追问@media是什么意思呢追答@是CSS的一种选择符，它有很多应用场景的，最常用的使用场景是用来引用其他的CSS文件，是以@import开始的，例如想在main.css里面应用style.css，那么直接用@import style.css就可以了。此外，还有一种使用场景是媒体选择，它是以@media开始的，表示在不同媒介条件下的样式，当你想做响应式的页面布局时，例如希望当浏览器的宽度小于1000px时，网页背景变成黑色，就可以用下面的方法：@media screen and (max-width: 1000px) { body {background;black}}当你希望用打印机打印网页时呈现某种样式，就可以用@media print 的方法来定义。

这个是上下级选择符 意思是page-header下的h1下的smal这个元素接受这个样式追问这个page指的是什么?是单只某一个页面么？还是就是定义了一个css选择符名字？

@media是媒体查询，max-width:767px意思是当屏幕最大宽度为767时使用以下的CSS
.page-header h1 small的意思是class为page-header下的所有h1下的所有small标签使用的样式

问题1，media是干嘛的，@是什么选择符
答：@是CSS的一种选择符，最常用的使用场景是用来引用其他的CSS文件，是以@import开始的，例如想在main.css里面应用style.css，那么直接用@import style.css就可以了。此外，还有一种使用场景是媒体选择，它是以@media开始的，表示在不同媒介条件下的样式，当你想做响应式的页面布局时，例如希望当浏览器的宽度小于1000px时，网页背景变成黑色，就可以用下面的方法：@media screen and (max-width: 1000px) {body {background;black}}
//再举两个例子
// 设置显示器用字体尺寸@media screen {BODY {font-size:12pt; }}// 设置打印机用字体尺寸@media print {@import "print.css"BODY {font-size:8pt;}}
问题2，.page-header h1 small
答：首先纠正下，前面是#的，才是css的id，一个id在页面里规定只能使用一次；前面是“.”的只是class，class可以重用。具体可以搜css id与class区别。
.page-header h1 small的意思是：在class=page-header下h1和small的样式，这里定义的h1和small的样式只在这里面是好使的，就是省略号的地方。
希望对你有帮助

.page-header h1 small
是指page-header类下的h1标签下的small标签所要使用的样式，这是CSS层叠的一种表示方式