2

私はこの構造を持っています

<nav>
  <ul id="nav" class="sf-menu sf-navbar sf-js-enabled sf-shadow">
  <li id="level1-home" class="current sfHover sf-breadcrumb">
     <a href="/Admin/Home/Index">
  ...

<a>また、サイト内の他のリンクに影響を与えずにタグのスタイルを設定したいと考えています。これを行う最善の方法は何ですか？

4

2 に答える 2

5 
nav a { /*affect only links in the navbar */ }
于 2012-05-16T16:59:01.177 に答える
2

IDによるターゲティング

提供されたコードでは、要素idに「nav」がありますul。これを使用して、ターゲットにするアンカーのコンテナーを指定できます。

#nav a {
  color: orange;
}

これは、（ネストされた深さに関係なく） 「nav」のa要素内のすべての要素に影響します。id

一意のパスによるターゲティング

リンクの親を調べて、一意性を確認します。nav要素内、要素内にあるリンクは、次のheaderようなスタイルにすることができます。

header nav a {
  color: red;
}

nav内に含まれる内にあるリンクは、次のfooterようにアドレス指定できます。

footer nav a {
  color: green;
}

免責事項

、、、およびタグheaderはすべてHTML5構造です。古いブラウザ全体で幅広いサポートを提供するには、これらのタグを操作するときにHTML5Shivを含めるようにしてください。footernav

于 2012-05-16T17:03:31.143 に答える