Как добавить класс css в GM-скрипт?

Question

Я обнаружил, что это способ стилизации всех изображений на сайте.

<code>GM_addStyle("img { border: 3px dotted green;background-color: red; }");

Как мне оформить немного? Есть ли способ добавить класс в GM_addStyle, чтобы я мог вызвать этот класс позже с jQuery, как .addClass ('myClass')?

Заранее благодарю за помощь и время за ответ на вопрос.

Answer 1

GM_addStyle((<><![CDATA[
    .myClass {
        border: 3px dotted green;
        background-color: red;
    }
]]></>).toString());

Таким образом, вам не нужно заканчивать каждую строку \

Answer 2

Да,

GM_addStyle(".myClass { border: 3px dotted green;background-color: red; }");

создаст стиль класса, который вы можете добавить через jQuery's .addClass('myClass').

.
Примечание: с каждым оператором GM_addStyle вы можете добавить более 1 стиля. Нравится:

GM_addStyle
(
   '.ClearFloats                                            \
    {                                                       \
        clear:              both;                           \
    }                                                       \
    .HideIt                                                 \
    {                                                       \
        display:            none;                           \
    }                                                       \
    .StayOpaque                                             \
    {                                                       \
        opacity:            1 !important;                   \
    }                                                       \
   '
);

и т.д.