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中，如第1页所示：

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

第2页，第3页等也是如此。

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

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

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

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

 #title1 a
    .content

Answer 1

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

e.g。 <div class="page"></div>

你的CSS可能看起来

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

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

CSS通配符选择器

1 个答案: