Я знаю селектор CSS, который хочу скрыть - как мне установить для UserStyle значение display:none?
Поэтому я использую что-то под названием 1Blocker на Mac и iOS. Я нашел это чрезвычайно полезным. В приложении Mac он помогает вам узнать правила, которые вы создали в приложении iOS.
Веб-страница теперь отлично выглядит в Safari на всех моих устройствах.
Но я также использую приложение Fluid, браузер для конкретного сайта. 1Blocker на это не влияет.
Он имеет возможность сделать UserScripts и UserStyles.
Моя цель - скрыть следующий селектор CSS#rhf-container .rhf-border
Что я пишу в UserStyles для этого?
Моя попытка здесь:
[div id="rhf-container"] {
display: none;
}
Скриншот кода
2 ответа
Ты можешь попробовать
div[id="rhf-container"] {
display: none;
}
/* or */
div#rhf-container {
display: none;
}
div[id="rhf-container"][class="rhf-border"] {
display: none;
}
/* or */
div#rhf-container.rhf-border {
display: none;
}
если не работает, это не тот элемент
Насколько я понимаю приложение Fluid, Userstyles
по-прежнему использует обычный язык CSS. То есть, чтобы скрыть нужный элемент, это должно быть так просто, как:
#rhf-container .rhf-border {
display: none;
}
Если у вас ничего не получится, я бы также попробовал:
#rhf-container .rhf-border {
display: none !important;
}
С помощью !important
подталкивает ваши новые настройки отображения над любым CSS, касающимся display
установка перед ним и на том же элементе.
Если вам все еще не повезло, убедитесь, что элементы определенно правильно названы в вашем HTML и CSS. Вы должны убедиться, что у вас есть элемент сid
равно rhf-container
, с ребенком внутри с class
равно rhf-border
РЕДАКТИРОВАТЬ:
Поскольку ваш вопрос изменился (в ответе на этот ответ), я добавлю это как правку. Чтобы просто спрятать всеrhf-container
, вам просто нужно сделать это:
#rhf-container {
display: none;
}
Я настоятельно рекомендую также прочитать некоторую документацию по CSS, когда у вас будет возможность, это действительно действительно весело, когда вы застряли в ней.