-1

html...

<div id="main">
<div class="news"></div>
</div>

如何为具有纯 css 类的#mainid分配 css ？.news

有没有类似的东西#main:only(.news){...}？

4

4 回答 4

2

您可以继续使用#main id，然后将一个类应用于具有自己样式的相同元素，该样式可以覆盖默认的#main 样式，例如

<div id="main" class="news">

</div>

然后你可以写一个这样的css规则

#main.news {
 /* your css rules go here */
}
于 2013-09-09T03:56:56.923 回答
1

我经常使用 body 类来区分一个页面和另一个页面的常见 id

<body class="news-page">
  <div id="main">
    <div class="news">

那么你的CSS可以这样做

.news-page #main {
  background: blue;
{

.another-page #main {
  background: green;
}


.news {
  background: red;
}
于 2013-09-09T04:02:12.710 回答
0

这样的事情怎么样？您可以使用#main 定位id="main"，使用.news 定位class="news"。

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>    
        <style type="text/css"
            #main { color: red; }
            .news { color: blue; }
        </style>
    </head>
    <body>
        <div id="main">
            This is #main
            <div class="news">
                This is .news
            </div>
        </div>
    </body>
</html>
于 2013-09-09T03:55:58.943 回答
0

尝试类似的亲子关系

#main > div { 
   color:pink;
}
于 2013-09-09T03:57:07.193 回答