Hiding things with css [kinda complicated, involves injecting javascript]?

Question

Ok
so i'm using an addon called Grease Monkey for firefox
its bomb i hide ads with it :D
so
here's my code:
// ==UserScript==
// @name Bulletin iframe remover/ad remover
// @namespace iframe remover
// @description Can remove SONGS in bulletins, pay attention!
// @include http://bulletins.myspace.com/*
// ==/UserScript==

//hiding iframes:

GM_addStyle('iframe, embed, #iframe, #embed, .embed, .iframe { display: none; visibility: none; }'
+'mini .embed, .mini .embed, #mini .embed, .mini .embed, { display: inline; visibility: visible; }');


//Above encompasses one part of keeping minis only, this removes else

GM_addStyle('embed, .embed, #embed, object, .object, #object { display: none; visibility: none;');

END
I need to remove ALL embeds on a page, so only myspace music players will help

please explain
. # and nothing, such as
.embed, #embed, and embed
in css
and define what they do

thank you!
lol 29 characters left

Answer 1

In css, embed refers to all tags, .embed is anything defined as class='embed', and #embed refers to a unique object defined as ID='embed', of which there should be only one per page. All of these are being set to not display by calls to GM_addStyle.