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;
}