0

新しい CSS3 セレクターを学習しようとしているので、次のコードを試しました。

<body class="frontpage">
    <section name="top">
        <header class="head" name="top">
            <div id="my-name">
                <h1 id="title">
                    Josh Dempsey
                </h1>
            </div>
        </header>   
    </section>
</body>

CSS の場合:

body[class*="f"]>section[name$="op"]>header[class|top]>div[id*="my"]>h1[id=title]{color:white;}

私の名前は、黒/自動ではなく、白で印刷されることを期待しています.

誰かがそれから何かを見つけることができる場合に備えて、私の他のCSS：

body[class*="fro"]{background-color:#f8efe1;height:auto;width:auto;direction:ltr;z-     index:1;}
section[name*="t"]{position:absolute;top:0px;left:0px;width:100%;height:100px;}
header[class$="ad"]{background-color:#272727;height:100%;width:100%;}
h1[class="title-of-site"]{color:white;font-family:'Open Sans',sans-serif;font-  weight:300;margin:0}
header[class$="op"]>div[name*=image_holder]  {position:absolute;top:5px;left:10%;bottom:5px;height:40px;width:40px;background-color:
transparent;}

このすべてを W3.org で確認し、正常に検証しました。だから私はこれに困惑しています。ありがとう。

4

3 に答える 3

4

セレクターにいくつかの構文の問題がありました (主に値の引用符)。

セレクターが機能していなかった理由はheader[class|top]、ヘッダーのように間違った属性を指していたためclass="head"です。それを名前に変更し、垂直線の後に等号を付ける必要があります。

header[name|="top"]

これは、以下で動作する完全なセレクターです。

body[class*="f"] > section[name$="op"] > header[name|="top"] > div[id*="my"] > h1[id="title"]
{
    color:white;
}
于 2013-09-27T13:36:35.503 に答える
2

に置き換えheader[class|top]ますheader[class|name="top"]。

于 2013-09-27T13:31:00.837 に答える
1

h1 の「class」を「id」に置き換えてみてください。また、 に変更h1[class="title-of-site"]しh1[id="title"]ます。

このデモを参照してください。

于 2013-09-27T13:41:30.813 に答える