0

子孫セレクターを使用して p 要素内のすべてのアンカー要素をターゲットにしようとすると。ルールは子要素にのみ適用され、ネストされた要素には適用されません。

p a {
  display: inline;
  color: red;
}
<p>
  <a href="http://www.reddit.com">Go to Reddit website</a>
  <a href="http://www.quora.com">Go to QUORA</a>
  <div>
    <a href="http://www.channel9.com">channel9</a> 
  </div>
</p>

4

5 に答える 5

0

ap 要素内で div を使用することはできません

p a {
  display: inline;
  color: red;
}
<p>
  <a href="http://www.reddit.com">Go to Reddit website</a>
  <a href="http://www.quora.com">Go to QUORA</a>
  <span>
    <a href="http://www.channel9.com">channel9</a> 
  </span>
</p>

于 2016-12-05T09:48:59.333 に答える
0 
<p>
   <a href="http://www.reddit.com">Go to Reddit website</a>
   <a href="http://www.quora.com">Go to QUORA</a>
   <div>
        <a href="http://www.channel9.com">channel9</a>  
   </div>
</p>

CSS

a {
   display: inline;
   color: red;
}
于 2016-12-05T09:51:49.760 に答える
0

タグ内にタグpを含めることはできませんdiv。これは無効な html であるため、ブラウザが修正します。pタグが表示されるとすぐにタグを閉じますdiv。pまた、終了pタグの開始タグも追加します

実際の HTML

<p>
   <a href="http://www.reddit.com">Go to Reddit website</a>
   <a href="http://www.quora.com">Go to QUORA</a>
   <div>
        <a href="http://www.channel9.com">channel9</a>  
   </div>
</p>

実際にレンダリングされるもの

<p>
   <a href="http://www.reddit.com">Go to Reddit website</a>
   <a href="http://www.quora.com">Go to QUORA</a>
</p>
<div>
   <a href="http://www.channel9.com">channel9</a>  
</div>
<p></p>

また、aテキスト付きのタグはタグchannel9内にないためp、css は効果がありません

于 2016-12-05T09:52:07.993 に答える
0

上記のコードの代わりにこのコードを使用してください。

.clr-rd a {
  color: red;
  display: inline;
}
<div class="clr-rd">
  <p>
    <a href="http://www.reddit.com">Go to Reddit website</a>
    <a href="http://www.quora.com">Go to QUORA</a>
    <div>
      <a href="http://www.channel9.com">channel9</a> 
    </div>
  </p>
</div>

于 2016-12-05T09:52:51.450 に答える
0

html が無効のようです。 に置き換えpてみてくださいdiv。それはうまくいくはずです。以下のようなもの -

div a {
  display: inline;
  color: red;
}
<div>
  <a href="http://www.reddit.com">Go to Reddit website</a>
  <a href="http://www.quora.com">Go to QUORA</a>
  <div>
    <a href="http://www.channel9.com">channel9</a>  
  </div>
</div>

詳細 -タグにタグを含めることができないのはなぜですか?<p><div>

于 2016-12-05T09:46:38.027 に答える