JSFiddle - React, Tailwind, and code Playground

by Nicolas PUJOL

HTML

<main id="content" role="main" class="scroll">

	<div>

	<div id="newsPage" class="container">

		<div class="row" id="newsRow">

			<section class="some-other-area persist-area">
				<div class="col-md-4 col-sm-6 margin-bottom">
					<div class="item">
					    <h1 class="persist-header"><a href="http://localhost:8888/third-test">Third Test</a></h1>

						<p>This is a new entry </p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry This is a new entry This is a new entry This is a new entry <br></p><p>This is a new entry <br></p>
			
					</div>
				</div>
			</section>

			<section class="some-other-area persist-area">
				<div class="col-md-4 col-sm-6 margin-bottom">
					<div class="item">
					    <h1 class="persist-header"><a href="http://localhost:8888/second-test">Second Test</a></h1>

						<p>This is a new entry </p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry This is a new entry This is a new entry This is a new entry <br></p><p>This is a new entry <br></p>
			
					</div>
				</div>
			</section>

			<section class="some-other-area persist-area">
				<div class="col-md-4 col-sm-6 margin-bottom">
					<div class="item">
					    <h1 class="persist-header"><a href="http://localhost:8888/first-test">First Test</a></h1>

						<p>This is a new entry </p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry <br></p><p>This is a new entry This is a new entry This is a new entry This is a new entry <br></p><p>This is a new entry <br></p>
			
					</div>
				</div>
			</section>
		                               
		</div>

	</div>

	</div>

</main>

CSS

div#newsPage:first-child p:first-of-type {
    background:red
}