html - タグを個別にスタイルする方法は?

Answer 1

それらにCSSクラスを与えますか？

<a href='http://google.com' class='class1'>Google</a>
<a href='http://yahoo.com' class='class2'>Yahoo</a>

a.class1{border:1px solid #ff9900;}
a.class2{border:1px solid #ff0099;}

またはラッピング要素を使用する

<div class='class-a'>
  <a href='http://google.com'>Google</a>
  <a href='http://yahoo.com'>Yahoo</a>
</div>

<div class='class-b'>
  <a href='http://google.com'>Google</a>
  <a href='http://yahoo.com'>Yahoo</a>
</div>

div.class-a a{background-color:red;}
div.class-b a{background-color:blue;}

Answer 2

クラスを使用してアンカーを分類できます。

CSS:

a.red {
   color: red;
}

a.blue {
   color: blue;
}

HTML:

<a href="#" class="red">Hello!</a>
<a href="#" class="blue">Bye!</a>

出力は、それぞれ赤と青のアンカーになります。

JSFiddle で再生するには、こちらをご覧ください。

Answer 3

それらにIDまたはクラスを追加します

html:

<a href="..." class="anchor1">Anchor 1</a>
<a href="..." class="anchor2">Anchor 2</a>

CSS:

.anchor1{
   color: red;
}

.anchor2{
   color: blue;
}

Answer 4

<a class="someClass">Link</a>

.someClass { /* your styles here */ }