-1

html...

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

純粋な css#mainを持つクラスを持つ idに 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 に答える