Help with getting @@ style to work

,
#1

I have TW 5.1.19.

In my Stylesheet tiddler I have this custom style defined:
.greenbold { color:green; font-weight:bold; }

This stylesheet styles every other thing just fine.

In my other tiddler I want to use this style with @@ to format some text so I’ve tried many permutations of this:
@@ greenbold Make this green and bold.@@
@@ .greenbold; Make this green and bold.@@
@@ greenbold; Make this green and bold.@@
@@.greenbold Make this green and bold.@@
@@.greenbold; Make this green and bold.@@

I tried to get help from the Tiddlywiki.com file but did not find any help. None of these seem to work. What am I missing here?

Thank you for your help.

EDIT: I’m trying to do it without plugins. I’ve done it before without plugins but I can’t seem to get it right.

#2

Decent example with this Mark selected text plugin that should provide what you’re looking for: TW5 CPL Wiki — TiddlyWiki5 Plugin Library for TiddlyWiki Chinese Communities

The button wraps the text in

@@.tgo afsdsafsdf@@

the stylesheet defines tgo as:

/* Text color orange*/
.tgo {
    color:Orange;
}
#3

Thanks! I got it working.