Simplifying a code

[Ray.H]

@asasass

I have no idea what I’m supposed to be doing here.

This comes up in every one of your threads. Time and time again we’ve tried to get you set your players aside and learn about how css selectors work.

The subject is in just about everyone of your threads.

Several posts here

Class name active/activated placement

I said it before, looking at documentation will answer many of your questions. https://www.w3.org/TR/CSS21/selector.html#class-html To match a subset of "class" values, each value must be preceded by a ".". For example, the following rule matches any P element whose "class" attribute has been assigned a list of space-separated values that includes "pastoral" and "marine": p.marine.pastoral { color: green } This rule matches when class="pastoral blue aqua marine" but does not match for c…

Class name active/activated placement

This is a perfect opportunity for you to set your audio players aside for a moment. Open your editor and write a simple page with a heading, content div, some p tags in the div Set up a style sheet and write some basic selectors Then set up several class selectors , even if just to change the font color. Then use those classes to set up some descendant combinators Then you can write some double classed chained selectors (no spaces between them in the css, space in the html) .class1.class2 …

@asasass

I don’t get it.

.linese li:nth-of-type(15)

That descendant selector is searching for the 15th list-item inside of a div named .linese
You have no such mark up in your html

Look at your html, you have a div named .linese inside of an li

That selector above is backwards