? ???? CSS? `:nth-child()` ??? ???? ????, ?? ??? ?? ?? ?? ??? ??? ???? ??? ??? ???. `:nth-child()` ??? ?? ?? ?? ???? ?? ???? ??? ?? ???? ???? ??? ??? ?? ? ????. ? ???? `:nth-child()` ???? ? ? ???? ???? ? ??? ?? ??? ?? ??? ??? ?????.

CSS :nth-child() ???? ?? ?? ?? ??? ?? ??? ??? ? ?? ??? ?????. ??? ?? :nth-child() ????? ?? ??? ?? ???? ?? ?? ????? ????. ?? nth-child(2, 3)? ?? ? ?? ? ? ?? ?? ??? ?? ??? ? ??? ?????. ??? ?? ???? ???? ??? ??? ?? ? ????.

??? ??? ??? ??

?? ??? ??? ?? ?? :nth-child() ???? ??(,)? ???? ????. ??? CSS? "??" ??? ????? ????? ? ???? ???? ?? ??? ???? ?????.

?? ??? ? ???? ???? ?? ?? div.modal-content ???? ? ?? ? ? ??

?? ??? ???? ???? ????? ???? ??? ?????.

 div.modal-content > p:nth-child(2),
div.modal-content > p:nth-child(3) {
  ???: ???;
}

HTML ?? ?

? CSS ??? ??? ? ? ???? ?? ?? HTML ?? ?? ??? ????.

 <div>
  <span class="close-button">?? ??</span>
  <p>?? 2</p>
  <p>?? 3</p>
  <p>?? 4</p>
  <p>?? 5</p>
  <p>?? 6</p>
</div>

? ??? :nth-child(2)? ? ??

??("Element 2" ??? ?? ??)? ????, :nth-child(3)? ? ??

??("Element 3" ??? ?? ??)? ?????.

???? ?? ?? ??

?? ??? ??? ??? ???? ??? ?????. ?? ?? ? ??? ?? ??

??? ????? ?? CSS ??? ?????.

 div.modal-content > p:nth-child(3),
div.modal-content > p:nth-child(5) {
  ???: ???;
}

:nth-child() ?? ??

:nth-child()? ??? ????? ???? ?? ?????. ?? ?? ???? n?? ?? ??? ??? ?? ?? ??? ???(? ??

??)? ????? ?????. ?? ??? ? ?? ?? ???

??? ?? ?? :nth-child(2)? ?? ??? ???? ????.

???? :nth-of-type() ??

?? ??? ?? ??? ???? ????? :nth-of-type() ???? ??? ? ????. :nth-of-type() ???? ??? ??? ?? ??? ?????. ?? ??, p:nth-of-type(2)? ?? ??? ?? ??? ???? ?? ?? ?? ? ??

??? ?????.

??

:nth-child() ??? ??? ?? ??? ?? ?? ???? ?? ???? ???, ?? ???? ???? ?? ???? ?? ?? ??? ?? ??? ? ????. :nth-child() ???? ?? ?? ??? n?? ?? ??? ???? ??, :nth-of-type() ???? ??? ??? ?? ??? ????? ?? ??????. ?? ?? ??? ?? ??? ???? ???? CSS ???? ?? ???? ??? ? ????.

? ??? ?? ?? ?? ??: CSS? :nth-child() ???? ???? ??? ?? ??? ?????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!