要素を別の要素の中に埋め込んだときに：notセレクタを動作させる方法

ここでは、操作しようとしているHTMLコードを示します。私はChazを言う3番目の引用ブロックを強調表示する必要があります。私はこれを行うためにidsやクラスを使うべきではありません。ここで要素を別の要素の中に埋め込んだときに：notセレクタを動作させる方法

<aside id="left"> 
     <h2>What they're saying about us</h2> 
     <blockquote title="testimonials"> 
      <p>&quot;CSS coding is endlessly fun. I have such a great time doing it.&quot;</p> 
      <cite>DGMD student</cite> 
     </blockquote> 
     <blockquote> 
      <p>&quot;I will be so glad when this assignment is over. &quot;</p> 
      <cite>Another student</cite> 
     </blockquote> 
     <blockquote> 
      <p>&quot;Do you really need so many classes and IDs after learning these cool selectors?&quot;</p> 
      <cite>Chaz</cite> 
     </blockquote> 
    </aside>

は、私がこれを行うために作成したCSSコードですが、私は使用することが出来るのです：この問題と私がしようとすると何も変わらない、それを使用するたびに完了するために、セレクタではありません。

blockquote:last-of-type cite { 
    background-color: purple; 
    font-style: normal; 
    color: white; 
}

出典

2017-09-21 cschwiers

を助けたとえば...

aside blockquote { background-color: pink; } aside blockquote:not(:last-of-type) { background-color: white; /* or page background-color */ }

希望。また、あなたのCSSが動作しており、クラスやIDがないためです。私はちょうどあなたが必要とする（または使用することができる）方法を見ていない：これのためではない。 – GolezTrol

すべての 'cite'を紫色にして、最後のブロックではないすべてのものに対してリセットすることで、面倒な作業をしない限り、面倒です。 – GolezTrol

「興味深い仕様」おそらくこれは宿題などです。 –

質問は、あなたがすべてのの要素にハイライトを適用してから、えーと、最初の2を過剰スタイリング最後の要素を選択しないためにCSS :not()セレクタを使用することを示唆しているようです。混乱している？興味深いスペック - * "私はこれを行うためにIDやクラスを使用することになっていないのです" * :)

See MDN > CSS3 > :not()

出典

2017-09-21 23:10:09

ご回答いただきありがとうございます。それは混乱する問題であり、なぜ私は使用しないのか分かりません。 – cschwiers

@cschwiers probsはありません。私はそれがそうではないことを知っています。あなたの頭を丸くしたら、それは難しくありません。それは難しいことではないように感じます。：D –

要素を別の要素の中に埋め込んだときに：notセレクタを動作させる方法

答えて

関連する問題