Existe uma regra semelhante aos @media
(usado para diversas situações incluindo media-query), que ainda esta em fase de proposta e é considerado experimental, o @document, no entanto para páginas web normais (não estou falando do Stylish) só funciona no Firefox 61+ (requer o prefixo -moz
), isso porque como disse, ainda esta em fase de proposta, se for usar em Chrome/Chromium esqueça.
No entanto ao ler a documentação do Stylish:
Eles afirmam:
The @-moz-document format is the supported format when posting on userstyles.org. The site software handles converting to other formats for browsers that do not support it.
Ou seja, dentro do Stylish é funcional para suportar outros navegadores além do Firefox.
Exemplo pra aplicar CSS pra uma URL exata:
@-moz-document url("http://pt.stackoverflow.com/questions/453131/É-possível-aplicar-um-atributo-em-css-apenas-para-uma-página-que-contém-uma-subs") {
body {
background-color: black !important;
}
}
Exemplo pra aplicar CSS para um domínio especifico, ignorando se é HTTPS ou HTTP ou a página que estiver:
@-moz-document domain("pt.stackoverflow.com") {
Exemplo pra aplicar CSS para uma URL que comece com exatamente:
@-moz-document url-prefix("https://pt.stackoverflow.com/questions/") {
e no seu caso a solução será com regex, algo como mais ou menos assim:
@-moz-document regexp('://.*\\.globo\\.com/.*fina-estampa.*') {
Eu não vou ficar ensinando regex, porque não é algo que se aprende do dia pra noite (apesar de alguns Youtubers e artigos e cursos afirmarem que você pode aprender coisas assim em poucas aulas)
Se tiver uma duvida mais especifica sobre regex então aprenda um pouco e depois formule uma pergunta só sobre regex.
Note que se a URL for esta https://gshow.globo.com/novelas/fina-estampa/
, o url-prefix
já resolveria:
@-moz-document url-prefix("https://gshow.globo.com/novelas/fina-estampa/") {
... SEU CSS AQUI ...
}