CSS 通配符选择器

Question

我的网站中有几个页面，它们都有相同的 div 结构：

 <div id="page">
    <div id="header">
    <div id="logo">
    </div>
    <div id="title1">
    </div>
    <div id="title2">
    </div>
    </div>
    <div id="content">
    </div>
    <div id="footer">
    </div>
    </div>

但是，每个页面在 id 中都有其名称，例如 page1：

<div id="name1_page">
<div id="name1_header">
Etc.

page2、page3等也是如此。

我想为所有这些页面使用一个样式表。

我发现这适用于设置 div id 的样式：

div[id*=page] {
    width: 900px;
    margin: 30px auto;
    background-color: #FFFFFF;
    }

如何使它适用于类、a、p、ul 等的样式？如：

 #title1 a
    .content

Answer 1

您可以在 div 元素上使用 class 属性，并且可以在您的 css 中使用类选择器来定义具有该类的所有元素的样式。

例如<div class="page"></div>

你的css可能看起来

div.page
{
    width: 900px;
    margin: 30px auto;
    background-color: #FFFFFF;
}

有关详细信息，您可以访问 http://www.w3schools.com/cssref/sel_class.asp