Can I use a CSS class to style a wiki markup link?

I'd like to style a wiki markup link inline using a class defined in the global CSS.

What I was expecting to be able to do in wiki markup is something like this:

[link text||class=classname]

If it helps make it clearer, the equivalent HTML for what I'm trying to do would be this:

<a href="" class="classname">link text</a>

Any suggestions?

3 answers

1 accepted

Hallo Dhyana

There are two ways I can think of:

I hope this helps. :)

Cheers, Sarah

Thanks Sarah, I'm actually using Confluence 4.2 but the link is in a global styling area which is why the wiki markup.

I had thought of using the HTML macro but, upon checking the system plugins in the Confluence Admin console, I saw that the {html} macro has been superceded by {html-xhtml} so I'll give that a go.

Thanks so much.

If you dont want to write a macro, you could also use jQuery. Something like this would add a classname attribute to an <a> tag:


You add this in your Custom HTML panel in the Admin.

If you wanted to only touch specific anchor tags (such as external links), you could do this:


If you don't mind misusing the link title attribut in a real bad way you could do the following:

Write this into your wiki page:

[link text||green]
[link name||red]

Write this into your CSS export stylesheet

a[title=green] {
a[title=red] {

The result on the html page will be this:

&lt;a href="" title="green"&gt;link text&lt;/a&gt;
&lt;a href="" title="red"&gt;link text&lt;/a&gt;

and the apperarence of the links in the PDF file will be according to the formats in the CSS export stylesheet.

The result will be the same as with a class but off course it is against the real intention of the title attribut.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Monday in Confluence

Organizing your space just got easier - Page Tree Drag & Drop is here

Hi Community! I’m Elaine, Confluence Product Manager. You may have read my earlier post about page tree in space navigation sidebar. I'm excited to share another improvement that helps you organize ...

68 views 3 2
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you