Underline text links but not buttons and images-CodePudding

I added tcode underneath to underline links and hover effect is adjusted in theme. Since I have links in buttons and images now they are all underline. I need to keep underline for text links only. Please help

article a { text-decoration: none; border-bottom:2px solid #00D07D;}

CodePudding user response：

article a:not(.except){
text-decoration: none; border-bottom:2px solid #00D07D;
}

<article>
  <a>Link1</a>
  <a>Link12</a>
  <a >
    <img src="https://www.google.com/search?q=flower&sxsrf=AOaemvIv5piN4OwOjyDB0mr1JFWYStW9oQ:1643109380107&tbm=isch&source=iu&ictx=1&vet=1&fir=_L-zJjp2lefhCM%2CsMmBYcrjWuigoM%2C_%3BkynP2p55eMS7TM%2CMqJ0o7Xjxwc15M%2C_%3BRfUQ_0SdSVxZyM%2CV4JMFD_QVN1xmM%2C_%3BrwqXxYAWHAml0M%2CKHb_DrQoiHHqIM%2C_%3BV0PEfdCjSWAL_M%2CTE6or1FVU4DnNM%2C_%3BiVQQ4BLVOiawRM%2C-JSzIkf42ZvU1M%2C_%3BFq2ReKTzIsMA5M%2CLo6lwABxk0AZfM%2C_%3B18zFKrn_p7MNqM%2Cl77oSW3HC1cYZM%2C_%3Bq8XvrYfBOPD6WM%2CW50-Xx0zumPDkM%2C_%3BsAeD2IMVh242pM%2C94jcBxR-2b3nTM%2C_%3BGe0sPl2wtwPeYM%2C6ZeVwdp2vU8abM%2C_%3Bad_EARqn8HNGCM%2CKut2T3IeAU8u9M%2C_%3BIeXj87CM0RmigM%2C3ggE4sC2ipmRxM%2C_%3BX_BrNWU_72e_nM%2C6QnaOLvEQovLfM%2C_%3BEX5OjZ4wVKWUZM%2CNF4Pp3x2g6jFJM%2C_&usg=AI4_-kTfScOSl7Syuc6ZvSEBcI6ApYpm8Q&sa=X&ved=2ahUKEwiC6LW348z1AhVigv0HHYnBDOQQ9QF6BAgDEAE#imgrc=_L-zJjp2lefhCM"/>
  </a>
</article>

CodePudding user response：

Try that

article a:not(p) { text-decoration: none; border-bottom:2px solid #00D07D;}

You can see: https://developer.mozilla.org/en-US/docs/Web/CSS/:not