Menu
Whilst debugging a website I found this tag below the body of the page I was debugging:
<link rel="stylesheet" type="text/css" href="data:text/css,">
and I thought that some crazy Javascript-Error was adding this to my site. But I could not find anything like that in all of the project's source-code.
After checking back with Firefox I noticed, that only Chrome displays this tag in the Elements-, Resources- and Network-View. It is not visible in the "View Source" of Chrome though.
What is this about?
964
CSS Reference With Browser Support Property Edge Firefox Chrome Safari A align-content 11 28 21 9 align-items 11 20 21 9 align-self 11 20 21 9 64 more rows ...
Why Do Chrome Extensions Need “All Your Data on the Websites You Visit”? Why Do Chrome Extensions Need “All Your Data on the Websites You Visit”? Many extensions in the Chrome Web Store want to “read and change all your data on the websites you visit”.
In the above example whenever value of data-point changes, the rendered content of #container::before will be changed to the new value of the attribute. You can also set specific CSS properties when the value of the data-attribute equals a specific value.
Data-Attributes in CSS Data-attributes can be read in CSS using the content property. The content CSS property can be used only on ::before and ::after pseudo-elements. <div id="container" data-point="14">Post 1</div>
I experienced the same strange css link, and found that it is due to the AdBlockPlus (ADB) extension for Chrome that I have enabled. When I disable that extension, the link no longer occurs.
116
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
