0

これが可能かどうかはわかりませんが、聞いてみようと思いました。親の下にあるすべての要素に ID を与える代わりに、CSS で ID を与えずにそれぞれの要素を参照できるかどうかを知りたいです。

私が持っている場合：

  <td id="bracket-wrapper-lt">
    <div id="bracket-top-lt"></div>
    <div id="bracket-middle-lt"></div>
    <div id="bracket-bottom-lt"></div>
  </td>

bracket-wrapper-lt次の情報を提供して、3 つの div にアクセスできますか

  <td id="bracket-wrapper-lt">
    <div></div>
    <div></div>
    <div></div>
  </td>
4

3 に答える 3

1

:nth-child(<number>)cssを使えばできます。

詳細については、 http://css-tricks.com/how-nth-child-works/を参照してください。

コードの例:

  <td id="bracket-wrapper-lt">
    <div></div>
    <div></div>
    <div></div>
  </td>

CSS:

td#bracket-wrapper-lt div:nth-child(1) {
    color: red;
}

上記は、最初の div 赤のテキストに色を付けます。

于 2012-12-26T10:09:19.797 に答える
0

はい、次を使用してアクセスできます。

#bracket-wrapper-lt div

すべての子孫 (指定されたタグ、クラスなど) に一致し、

#brakect-wrapper-lt > div

すべての子に一致します (指定されたタグ、クラスなどを持つ)

詳細については、こちらをご覧ください。

于 2012-12-26T10:11:05.103 に答える
0

クロスブラウザのサポートについては、次のものも使用できます。

#bracket-wrapper-lt > div:first-child { /*Style goes here*/ }
#bracket-wrapper-lt > div:first-child + div { /*Style goes here*/ }
#bracket-wrapper-lt > div:first-child + div + div { /*Style goes here*/ }

デモ: http://jsfiddle.net/sfEDk/

IE(>=7)、Firefox、Chrome、Safari、Opera で動作します

于 2012-12-26T10:23:27.450 に答える