Serious issue with css <link> and @-moz-document domain("myanimelist.net") {
@-moz-document domain("myanimelist.net") {
is not valid css code, but it is commonly used in UserCSS.
There is no equivalent in standard CSS.
For Stylus, the user.css will be translated into standard CSS by the processor. It will determine which website or which webpage shall apply the corresponding css rules.
the conversion is just the unwrap the bracket and inject in the page with matched url.
In short, just install Stylus to manage your UserCSS. Personally I use it with @preprocessor stylus
Here is a simple example for UserCSS with Stylus https://greasyfork.org/en/scripts/457375-youtube-chat-bubbles
@-moz-document domain("myanimelist.net") { is not valid css code, but it is commonly used in UserCSS.
There is no equivalent in standard CSS.
What makes you think so? In CSS exists @document
, but for Firefox was implemented same thing, but with prefix -moz-
. Look in MDN.
@-moz-document domain("myanimelist.net") { is not valid css code, but it is commonly used in UserCSS.
There is no equivalent in standard CSS.
What makes you think so? In CSS exists
@document
, but for Firefox was implemented same thing, but with prefix-moz-
. Look in MDN.
As per your MDN link, it is clearly said that it is Deprecated and Non-standard.
@-moz-document
has been long existed since Firefox 2.
W3C did not (and obviously will not) make @document
into W3C standard.
All the UserStyle managers do their own processor conversions to handle this @-moz-document
which is essential for UserStyles.
(Also see https://caniuse.com/?search=%40document)
Remarks: looks like CSS4 (in future) will include @document
(source)
Remarks: CSS4 (in future) might include @document
Source 2: https://www.w3.org/TR/2012/WD-css3-conditional-20121213/#changes
https://github.com/ampproject/amphtml/issues/26406
Not sure if that links helps at all, but I have been trying to run this https://pastebin.com/raw/tw1QHsjG
And it usually works as long as anything like @-moz-document domain("myanimelist.net") { is not on the css code, for a while I thought it was like a CORS-related issue, but that was only because I got CORB issues using the wrong URL.
Is @-moz-document domain("myanimelist.net") { still valid to use at all?
I read somewhere that stylish and browsers do make some kind of conversion to make styles work for them, but what would that conversion be then?
I would like to make a css style like this one https://userstyles.org/styles/260561.css work with some kind of @-moz-document restriction to pages similar to https://myanimelist.net/profile/xxxxxxxxxx but so far none of my tries worked with
<link rel="stylesheet".............