JSFiddle - React, Tailwind, and code Playground

by sc0rp10

HTML

<div class="comment" id="comment_1">
    <a href="#comment_1">#</a>
    <div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nulla asperiores distinctio facilis neque ut repellat tempore eum ex odio itaque nesciunt vel doloremque ipsam ea culpa debitis quae non!</div>
    <div class="comment__reply">
        <div class="comment" id="comment_2">
            <a href="#comment_2">#</a>
            <div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nulla asperiores distinctio facilis neque ut repellat tempore eum ex odio itaque nesciunt vel doloremque ipsam ea culpa debitis quae non!</div>
            <div class="comment__reply">
                <div class="comment" id="comment_3">
                    <a href="#comment_3">#</a>
                    <div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nulla asperiores distinctio facilis neque ut repellat tempore eum ex odio itaque nesciunt vel doloremque ipsam ea culpa debitis quae non!</div>
                    <div class="comment__reply">
                        <div class="comment" id="comment_4">
                            <a href="#comment_4">#</a>
                            <div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nulla asperiores distinctio facilis neque ut repellat tempore eum ex odio itaque nesciunt vel doloremque ipsam ea culpa debitis quae non!</div>
                            <div class="comment__reply"></div>
                        </div>
                    </div>
                </div>
                <div class="comment" id="comment_5">
                    <a href="#comment_5">#</a>
                    <div class="comment__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam nulla asperiores distinctio facilis neque ut repellat tempore eum ex odio itaque nesciunt vel doloremque ipsam ea culpa debitis quae...

CSS

.comment__text {
    padding: 10px;
    border: 1px dotted;
}
.comment .comment {
    margin-left: 10px;
}
.comment:target .comment__text {
    background-color: #ebacca;
}