I want to style the text “want to select this” in the code below, but I don’t know how to select it because it’s after a closed tag and before another one.
<section class="customer-details">
<h2 class="column__title">Information</h2>
<address>
<style type="text/css">
.fme_image_ccfw:hover {
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
transform: scale(1.01);
}
</style>
<p><br><strong> Username: </strong> ababab<br><strong> Password: </strong> ababab<br><strong></strong></p>
<p style="display:inline-block"><strong>Some text:</strong> <a href="mysebsite.com" target="_blank"> <img class="fme_image_ccfw" src="mywebsite.com/uploads/problem.jpg" alt="image" title="Click to View" style="border: 1px solid #ddd;border-radius: 4px;padding: 5px;width: 150px;cursor:pointer;"></a> <a href="mywebsite.com/uploads/problem.jpg" target="_blank" download="problem.jpg"> <button title="Download" class="btn" style="width: 100%;margin-top: 3%"> <i class="fa fa-download"></i> Download</button></a></p>
<p></p>want to select this <p class="details--phone">123456789</p>
<p class="customer-details--email">[email protected]</p>
</address>
I thought with nth-child and after I can solve it but coulldn’t.I used this css code which didn’t work. Can any one help me?
.customer-details address p:nth-child(4)::after
{
background-color:red;
}