1

これは非常に簡単かもしれないので、事前にお詫びしますが、私は5時間目にこれを理解しようとしています。これが私が横棒として提示しようとしているULです：

<div id="navbarwrapper">
  <ul id="navbar">
    <li><a href="works.html">Search</a></li>
    <li><a href="works.html">Tips</a></li>
    <li><a href="works.html">Neighborhoods</a></li>
    <li><a href="works.html">Relocation</a></li>
  </ul>
</div>

そして、これが誤動作しているように見える奇妙なCSSです：

#navbar {}
#navbar ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#navbar li {display: inline;}
#navbar ul li a {text-decoration:line-through;}

私が抱えている問題は、このマークアップでは、HTMLのアンカータグでラップされたテキストがラインスルーを受け取らないことです（ラインスルーは、機能しているかどうかが明らかであるため、プレースホルダーとして使用しています。実際には、最終的にラインスルーは必要ありません）。

ここに奇妙なビットがあります。「#navbarullia」ネストを次のように置き換えると、機能します。

#navbar li a {text-decoration:line-through;}

さらに、「＃navbar li {display：inline;}」を次のように変更すると、inlineプロパティが失われます。

#navbar ul li{display:inline;}

「#navbar」と「ul」を複製しているからですか？私にはまったく奇妙に思えますし、過去にこの構文をエラーなしで使用できたように感じます。

よろしくお願いします。

4

4 に答える 4

2

あなたulはすでにのIDを持っていますnavbar。そのため、#navbar ul何にも一致しません。

ul#navbar一致します。

于 2012-06-07T12:10:28.513 に答える
1

セレクターが正しくありません。

#navbarはULエレメント自体であるため、セレクター#navbar ulは何もターゲットにしません。

正しいセレクターは

#navbar {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#navbar li { display: inline; }
#navbar li a { text-decoration:line-through; }
于 2012-06-07T12:11:26.203 に答える
1

あなた<ul>はID#navbarを持っているので、#navbar ul実際にはあなたのul内部で追加のアドレスを指定していますul。

試す

ul#navbar li a {text-decoration:line-through;}
于 2012-06-07T12:12:13.833 に答える
1 
#navbar ul is wrong...#navbar is the ul itself.
于 2012-06-07T12:09:48.247 に答える