| Confluence customcss macro |
|---|
| css | table tr:nth-child(2) { background-color: #FF5630;} table tr:nth-child(2):hover { background-color: #BF2600;} table tr:nth-child(3) { background-color: #FFAB00;} table tr:nth-child(3):hover { background-color: #FF8B00;} table tr:nth-child(4) { background-color: #36B37E;} table tr:nth-child(4):hover { background-color: #006644;} table tr:nth-child(5) { background-color: #00B8D9;} table tr:nth-child(5):hover { background-color: #008DA6;} table tr:nth-child(6) { background-color: #6554C0;} table tr:nth-child(6):hover { background-color: #403294;} |
|---|
| disableConfluenceStyles | false |
|---|
|
Continent | Country | City | Population |
|---|
North America | Canada | Toronto | 2,930,000 | Europe | Germany | Berlin | 3,770,000 | Europe | Spain | Madrid | 6,600,000 | Asia | Japan | Tokyo | 38,500,000 | South America | Mexico | Mexico City | 20,980,000 |
|
| Info |
|---|
The content above shows how you can style your Confluence content with custom CSS code. Hover over the table rows to see the CSS code in action. |
...
| Confluence prism macro |
|---|
| lineNumbers | true |
|---|
| language | CSS |
|---|
|
table tr:nth-child(2) { background-color: #FF5630;}
table tr:nth-child(2):hover { background-color: #BF2600;}
table tr:nth-child(3) { background-color: #FFAB00;}
table tr:nth-child(3):hover { background-color: #FF8B00;}
table tr:nth-child(4) { background-color: #36B37E;}
table tr:nth-child(4):hover { background-color: #006644;}
table tr:nth-child(5) { background-color: #00B8D9;}
table tr:nth-child(5):hover { background-color: #008DA6;}
table tr:nth-child(6) { background-color: #6554C0;}
table tr:nth-child(6):hover { background-color: #403294;} |
The code above is rendered by "Prism Syntax Highlighter for Confluence" which supports highlighting CSS syntax.