So when i was using the developer console on a website that i had build and ran lighthouse reports, i noticed something really weird under the “Remove unused CSS” section.
So i tested this across different websites. I keep seeing random css added as show above, everytime i generate a new report they keep changing as such :
a[href^="http://liversely.net/"] { display: none !important; } ...
[href^="https://www.xvbelink.com/"] { display: none !important; } ...
div[class^="lifeOnwerAd"] { display: none !important; } ...
[href^="https://ahf8n.com/"] { display: none !important; } ...
a[href^="http://www.torntv-downloader.com/"] { display: none !important; } .
I ran the same reports on chrome across the same websites but was not seeing this at all.
I proceeded to disable all my extensions on brave but it was still showing up.
After many different test, i realised that after putting the brave shields down, i was not seeing this.
I then proceed to create a new profile on brave and initially thought it was gone for a few hours but now i am seeing it again.
P.S. This is not only happening on a. few sites, its most sites i browse through. This particular example is on a local webpage i wrote up myself ( its not using any javascript).
Even on a page with this kind of HTML markup its happening :
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="[https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css](https://unpkg.com/tailwindcss@%5E2/dist/tailwind.min.css)" rel="stylesheet">
</head>
<body>
<div class="container mx-5">
<h1 class="text-2xl font-bold">Hello, Tailwind!</h1>
<p class="my-5">Let's learn how to use this new CSS framework.</p>
</div>
</body>
</html>
Furthermore i noticed this is only happening where the page has an stylesheet link on it to a css page