1

これは不可能だと思いますが、間違っていることが証明されることを望んでいます。

このhtmlを考えると：

<div class='foo'>
  <div class='bar'></div>
  <div class='foo'></div>
</div>

親と同じクラスを持つことに基づいて、2番目の子divだけに一致するセレクターを作成することは可能ですか？

注：この例のhtmlの2番目のdivのセレクターを作成する方法を知っています。私の質問は、クラスをキャプチャできるかどうかは、ある種のcssマジックを使用して親のクラスと同じであるかどうかです。

4

2 に答える 2

2

クラスの名前を知っている場合のみ：

.foo .foo {  }

私の質問は、あなたが私のクラスをキャプチャできるかどうかは、ある種のcssマジックで私の親のクラスと同じです

いいえ（おそらくLESSまたはSASSを使用しますが、よくわかりません）。

于 2012-08-07T18:53:06.517 に答える
0 
<style>
.foo { display: block; width: 300px; background: #eee; float: left; margin-right: 50px; }
.foo .bar { display: block; width: 300px; height: 100px; background: #ccc; float: left; }
.foo .foo { display: block; width: 300px; height: 100px; background: #ddd; float: left; }

.foo > .foo:nth-child(2) { color: red; }
</style>

<div class='foo'>
  <div class='bar'>A 1</div>
  <div class='foo'>A 2</div>
  <div class='bar'>A 3</div>
  <div class='foo'>A 4</div>
</div>

<div class='foo'>
  <div class='bar'>B 1</div>
  <div class='foo'>B 2</div>
  <div class='foo'>B 3</div>
  <div class='foo'>B 4</div>
</div>

<div class='foo'>
  <div class='foo'>C 1</div>
  <div class='bar'>C 2</div>
  <div class='bar'>C 3</div>
  <div class='foo'>C 4</div>
</div>

例（画像）

n番目の子CSS3プロパティ

于 2012-08-07T18:54:28.243 に答える