JSFiddle - React, Tailwind, and code Playground

by Oleg Khobotov

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
    <title>Test</title>
    
    <style>    
    h2:target{
        background: #fc0; 
        }        
    </style> 
    
</head>
<body>
    
    <h2 id="header1">Этот заголовок не попадает под селектор h2:target</h2>
    <p>    
        Стихотворение непрерывно. Композиционно-речевая структура изящно аннигилирует ритмический рисунок, 
        потому что сюжет и фабула различаются. Аффилиация возможна. Реформаторский пафос, несмотря на 
        внешние воздействия, неумеренно интегрирует композиционный анализ, потому что сюжет 
        и фабула различаются. 
    </p>
    <h2 id="header2">
        Этот заголовок попадает под селектор h2:target, т.к. он имеет id="header2" и в адресной строке указан идентификатор #header2 
    </h2>
    <p>
        Возможно денотативное тождество языковых единиц при их сигнификативном различии, например, 
        синхрония приводит мифологический холодный цинизм, таким образом постепенно смыкается с сюжетом. 
        Декодирование притягивает мифологический абстракционизм, туда же попадает и еще недавно
        вызывавший безусловную симпатию гетевский Вертер.
    </p> 

</body>
</html>