I know the CSS selector I want to hide - how do I set a "UserStyle" to "display:none" it?

Question

So I use something called 1Blocker on Mac & iOS. I've found it to be extremely useful. On the Mac app it helpfully tells you the rules that you have created in the iOS app.

The web page now looks perfect on Safari on all my devices.

But I also use Fluid app, a site specific browser. 1Blocker does not affect this.

It has the facility to do UserScripts and UserStyles.

My objective is to hide the following CSS selector #rhf-container .rhf-border

What do I write in UserStyles to achieve this?

My attempt is here:

[div id="rhf-container"] {
display: none;
}

Screenshot of Code

this is the screenshot of the page as requested

Answer 1

You can try

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;
}

if not work, that's not right element

Answer 2

From my understanding of the Fluid app, Userstyles still uses the normal CSS language. Which means to hide the element you want, it should be as simple as:

#rhf-container .rhf-border {
    display: none;
}

If you have no success there, I would also try:

#rhf-container .rhf-border {
    display: none !important;
}

Using !important pushes your new display settings above any css regarding the display setting before it and on the same element.

If you still don't have any luck, make sure the elements are definitly correctly named in your HTML and your CSS. You should check that you have an element with an id equal to rhf-container, with a child inside it with a class equal to rhf-border

EDIT:

As your question has changed (in the reply to this answer), I'll add this as an edit. To just hide the whole rhf-container, you just need to do this:

#rhf-container {
    display: none;
}

I'd strongly recommend reading through some CSS documenation too when you get chance, it's actually really fun once you get stuck on in.