CSS学习：继承、权重关系、伪类选择器、媒体查询

在CSS中，继承是一个非常重要的概念。继承是指一个元素的某些样式会自动应用于它的后代元素。例如，文本颜色和字体都会被继承。权重关系指的是在计算CSS样式时，不同类型的选择器之间的优先级。伪类选择器和伪元素选择器用于向元素添加特殊的效果。媒体查询则可以根据不同的屏幕尺寸或设备类型应用不同的样式。

1. 继承：

/* 所有元素的文本颜色将会被继承 */
body {
  color: black;
}

2. 权重关系：

/* ID选择器 > 类选择器 > 标签选择器 */
#myId > .myClass > p {
  color: red;
}

3. 伪类选择器：

/* 链接的不同状态 */
a:link { color: blue; }     /* 未访问的链接 */
a:visited { color: green; } /* 已访问的链接 */
a:hover { color: red; }     /* 鼠标悬停链接 */
a:active { color: yellow; } /* 被点击的链接 */

4. 媒体查询：

/* 针对屏幕宽度小于768px的样式 */
@media screen and (max-width: 768px) {
  body {
    background-color: lightblue;
  }
}

以上代码展示了CSS中的继承、权重关系、伪类选择器和媒体查询的基本使用方法。在实际开发中，可以根据需要灵活运用这些技术来优化页面的样式表现。