CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでrel=” nofollow”のすべての要素を選択します

[attribute =” value”]セレクターを使用して、指定された属性と値を持つ要素を選択します。

次のコードを実行して、CSS [attribute ="value"]Selectorを実装してみてください。ここでは、属性を relと見なしました。 、

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         a[rel = nofollow] {
            border: 3px solid blue;
         }
      </style>
   </head>
   <body>
      <a href = "https://qries.com/What-is-Uber-s-business-model-and-how-does-it-compare-with-Ola-smodel-
         in-India" rel = "nofollow">Uber's Business Model</a><br><br>
      <a href = "https://www.qries.com/How-does-share-market-work-in-India" rel = "noreferrer">Share
         Market</a>
   </body>
</html>

  1. CSSを使用した子要素の選択

    CSS子コンビネータは、親要素のすべての子要素を選択するために使用されます。 CSS子コンビネータの構文は次のとおりです。 セレクター{属性：/*値*/} CSS子孫コンビネータは、親要素のすべての子孫を選択するために使用されます CSS子孫コンビネータの構文は次のとおりです セレクターセレクター{属性：/*値*/} 例 次の例は、CSSの子と子孫のコンビネータを示しています。 * {text-align：center;ボーダー：10pxグルーブトマト;} ::first-line {box-shadow：inset 0 0 7px cornflowerblue;}

  2. CSSで兄弟要素を選択する

    最初のセレクターの直後にある要素を照合する場合は、隣接する兄弟セレクター（+）を使用します。ここでは、両方のセレクターが同じ親要素の子です。 CSS隣接兄弟コンビネータの構文は次のとおりです- Selector + Selector{    attribute: /*value*/ } 2番目に選択した要素の位置に関係なく、同じ親の兄弟を選択する場合は、CSSの一般的な兄弟コンビネータを使用します。 CSSの一般的な兄弟コンビネータの構文は次のとおりです- Selector ~ Selector{    attribute: /*value*/ }