JSFiddle - React, Tailwind, and code Playground

by abdennour

HTML

<h1>Select Pseudo element </h1>

<p id="شيئ">
    الإسلام هو الإستسلام لله بالتوحيد و الخضوع له بالطاعة و البراءة من الشرك و أهله
    
</p>

CSS

#شيئ {
    width: 100px;
    height: 100px;
    position: relative;
    background: skyblue;
}
#شيئ:after {
    content: "الإسلام";
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    width: 10px;
    height: 10px;
}

JavaScript

$('#شيئ').click(function(e) {
    if (e.clientX > $(this).offset().left + 90 &&
        e.clientY < $(this).offset().top + 10) {
           alert("n3m")
    }
});