JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text">
    <p>Testssssss</p>
    <ul>
        <li>item 1</li>
        <li>item 2</li>
    </ul>
    <p>Test 2</p>
    <p>Test3</p>
    <ul>
        <li>item 1-1</li>
        <li>item 2-2</li>
    </ul>
		<p>
		Again
		</p>
		<ul>
		<li>asdf</li>
		</ul>
		
		<p>sadf</p>
		<span>sadf</span>
		
</div>

CSS

p {
margin-bottom: 15px;
background-color: red;
}

.text p:last-of-type + :not(ul) {
	background-color: blue;
}