JSFiddle - React, Tailwind, and code Playground

by Tìm ở đây Khoá học CNTT

HTML

<h2>Adjacent Sibling Selector</h2>

<p>Adjacent sibling selector là sử dụng chọn một phần tử nằm sau phần tử khác.</p>
<p>Ví dụ sau chọn phần tử <code>p</code> đầu tiên được đặt ngay sau phần tử <code>div</code>.</p>

<div>
  <p>Đoạn 1 nằm trong div.</p>
  <p>Đoạn 2 nằm trong div.</p>
</div>

<p>Đoạn 3. Nằm sau div.</p>
<p>Đoạn 4. Nằm sau div.</p>

<div>
  <p>Đoạn 5  nằm trong div.</p>
  <p>Đoạn 6  nằm trong div.</p>
</div>

<p>Đoạn 7. Nằm sau div.</p>
<p>Đoạn 8. Nằm sau div.</p>

CSS

div + p {
  background-color: yellow;
}