<article className="flex flex-col w-full shadow my-4">
  <a href="#" className="hover:opacity-75">
    article &gt; a
  </a>
  <div className="bg-white flex flex-col justify-start p-6">
    <a href="#" className="hover:opacity-75"> 
      article a
    </a>
  </div>
</article>

1.요소의 바로 아래 있을경우 > 를 사용합니다.

article > a {
    color: blue;
}

결과

2.article 안쪽 전체의 a 요소 색상을 변경할 경우입니다.

article a {
    color: blue;
}

결과