JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li>
		<section>
		<h1>Articles</h1>
			<article>
				<h1>Titre de l'article</h1>
  				<p>Contenu de l'article</p>
			</article>
		</section>
	</li>
	<li>Un truc</li>
	<li>Un autre truc</li>
	<li>Dernier truc</li>
</ul>

JavaScript

$(document).ready(function() {
    $("li:not(li:has(section))").hover(
    function() {
        $(this).css("background-color", "rgba(248, 148, 29, .6)")
    }, function() {
        $(this).css("background-color", "")
    });
})