Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You can style the page content with <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" rel="nofollow noreferrer">CSS</a>. Usually you'd use <code>class</code> or <code>id</code> selectors to style each tag differently. But because the tags at Tumblr won't have unique classes/IDs, you can make use of the pseudo-class <code>nth-child</code>. You can find the specification there: <a href="http://www.w3.org/TR/selectors/#nth-child-pseudo" rel="nofollow noreferrer">http://www.w3.org/TR/selectors/#nth-child-pseudo</a> (contains some examples, too).</p> <p>Related blog post at css-tricks.com: <a href="http://css-tricks.com/how-nth-child-works/" rel="nofollow noreferrer">How nth-child Works</a></p> <hr> <p><del>You could also edit your theme and add classes to your tags. See the question <a href="https://stackoverflow.com/q/10183010/1591669">Using different styles for categories in tumblr?</a> and the <a href="https://stackoverflow.com/a/10190328/1591669">answer</a> that explains it.</del> Ah no, this adds the classes to the container of the whole post. So you could style a post differently if it is tagged with a certain tag. But that is not what you want. You could probably add the variable <a href="http://www.tumblr.com/docs/en/custom_themes#tags" rel="nofollow noreferrer"><code>{Tag}</code></a> (which would be the tag name) to the markup of the tag, though. With this method you'd have to define which tags should get which color manually, which might not be what you want.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload