Why the topic item visited class doesn't update?

I want to change the visited topics on topic-item-list into lower opacity, and I use the css code below:

.topic-list-item.visited >*{
  opacity: 0.7;

Then I found when I visited a topic,the topic didn’t add the visited class , like the picture below.

And also, anyone knows about the differences between .unseen-topic and .visited ?


This is working for me. I tested it on my test site and the visited class appears after I open the topic.

This is a new topic what I didn’t open yet so the .unseen-topic class appears.

I added this CSS to Common / CSS

.topic-list-item.visited {
  opacity: 0.7;

And after I opened the topic the .visited class will appear and the .unseen-topic class will disappear.

As you can see the opacity is working well. :slightly_smiling_face:

Notice: If the previously visited topic has new replies than the .visited class will disappear until you see them.