CSS 联级有两种类型：继承和伪类。继承联级是指将父元素的样式应用到子元素上，而伪类联级是指使用伪类选择器来定义不同的样式，这些伪类可以应用于不同的元素上。
下面是一个简单的例子，展示如何使用 CSS 联级来控制页面上的文本：
“`html
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个带有红色文本的标题</p>
</body>
在这个例子中，`h1` 元素将继承 `font-size` 属性，而 `p` 元素将使用 `font-size` 属性和 `color` 属性定义它的样式。注意，`red` 颜色值是伪类选择器定义的，它将应用于 `p` 元素中的文本。
除了继承联级之外，您还可以使用伪类联级来定义不同的样式。例如，您可以使用 `h1:first-child` 选择器来选择 `h1` 元素的第一个子元素，并将 `font-size` 属性设置为 `18px`。同样，您可以使用 `p:last-child` 选择器来选择 `p` 元素的最后一个子元素，并将 `font-size` 属性设置为 `14px`。通过使用这些伪类选择器，您可以将不同的样式应用于不同的元素上，从而实现更好的布局和样式控制。
CSS 联级是网页设计中非常重要的概念，它可以让您更好地控制页面上的样式。掌握 CSS 联级，将使您能够更好地设计具有复杂布局的网页，提高您的网页质量和用户体验。