Կոնտեքստային ընտրիչը CSS-ում

Կոնտեքստային ընտրիչը, որն իրենից ներկայացնում է հրաման բացատ (' '), թույլ է տալիս ընտրել տեգերը, որոնք տեղադրված են տվյալ ծնողի մեջ

Շարահյուսություն

cssընտրիչ1 ընտրիչ2 {
  
}

Օրինակ

Եկեք դիմենք բոլոր p տեգերին div տեգերի ներսում և ներկենք դրանք կարմիր գույնով.

html<div>
  <p>
    տեքստ
  </p>
  <p>
    տեքստ
  </p>
</div>

cssdiv p {
  color: red;
}

Результат:

Օրինակ

Եկեք դիմենք բոլոր p տեգերին #elem տարրի ներսում և ներկենք դրանք կարմիր գույնով.

html<div id="elem">
  <p>
    տեքստ
  </p>
  <p>
    տեքստ
  </p>
</div>

css#elem p {
  color: red;
}

Результат:

Օրինակ

Եկեք դիմենք բոլոր p տեգերին .block դասի տարրերի ներսում և ներկենք դրանք կարմիր գույնով.

html<div class="block">
  <p>
    տեքստ
  </p>
  <p>
    տեքստ
  </p>
</div>

css.block p {
  color: red;
}

Результат:

Օրինակ

Եկեք դիմենք բոլոր b տեգերին p տեգերի ներսում, որոնք գտնվում են div տեգերի ներսում և ներկենք դրանք կարմիր գույնով.

html<div>
  <p>
    տեքստ <b>+</b>
  </p>
</div>

cssdiv p b {
  color: red;
}

Результат:

Տես նաև