Hacker News new | ask | show | jobs
by baobun 171 days ago
What do you mean with "copy the css"? Do you want to style your own website the same way? Or use a similar theme for HN itself year-round?

To figure out where styles come from, open Developer Tools in your browser and Inspect Element. You shoud see the HTML DOM element highlighted and its styles and where they come from on the right.

In this case the alternating font colors aren't from CSS at all.

1 comments

No I want to save what HN is use and add it to something like TamperMonkey user scripts so I get the alternating colors for HN permanently. I tried before but I failed. Do you know of a solution?
Since it's not done via CSS here, I suggest not copying the existing approach directly but recreating the same effect using CSS only.

If you look in the DOM tree / source like I proposed, you see that the list is already a table, so you can use that exact approach you already mentioned.

    table tr:nth-child(odd) td.rank{
        color: red;
    }
    table tr:nth-child(even) td.rank{
        color: green;
    }
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/S...