How to assign CSS statements to class names with blank inside?

[Ben Stover]

Assume I have the following HTML code (mind the blank inside!):

<div class="aaa bbb">
...
</div>

How can I assign a new GM CSS statement to this div element?
The following ("as usual") does NOT work:

GM_addStyle("div#aaa bbb { display: none !important; }");

Thank you
Ben

[Anthony Lieuallen]

I respect your enthusiasm.  However, from the style of recent questions you've been posting, it seems like you'd greatly benefit from some basic instruction on javascript, especially the DOM and CSS.  Perhaps start reading at:

http://wiki.greasespot.net/Tutorials

[Matt Sargent]

Use GM_addStyle to create the new class 'ccc', with the CSS attributes
you want.

GM_addStyle(".ccc { visibility: hidden; }");


Assuming myDiv is the element you want to add this new class to...

myDiv.classList.add('ccc');

or if you want to just flip the visibility state, regardless of what it
currently is, use "toggle" instead of "add" on the classList.

[jerone]

Anthony Lieuallen is right. This is basic CSS and following some tutorials will help you a lot: http://www.w3schools.com/html/ & http://www.w3schools.com/css/ and finally http://www.w3schools.com/js/

To answer your question:

GM_addStyle("div.aaa.bbb { display: none !important; }");

[Zulkarnain K.]

I already explained about it
at https://groups.google.com/d/msg/greasemonkey-users/hXl56__DUD4/ETFkDfYViWAJ

> On Fri, Jul 5, 2013 at 11:19 PM, I wrote:
>>
>> For class attribute, use 'period' notation.
>>
>> p.myp
>>
>> See http://www.w3.org/TR/css3-selectors/ for reference.
>>
>>
>
> <element class="foo bar"> means that the element has two classes,
> "foo" and "bar".
>
> Use
> GM_addStyle("div.foo.bar { display: none !important; }");
>
> Alternatively, you can use attribute selector
> GM_addStyle("div[class='foo bar'] { display: none !important; }");
>





--
Zulkarnain K.
https://userscripts.org/users/12