In reply to: Martin Meze (Freelancer)
Hey mate. The code won't work because the [href="/db/1/app/10/dashboards/system"] is a css selector to target the element that has this href tag, not to apply the styling based on the application URL. ;)
It needs some tweaking but this will work:
#Tasks:has([href*="/db/1/app/100/tasks/element/"]) .tile-element__details-container > .tile-detail:nth-of-type(3)
This selector looks for
Element with id=Tasks , which has a descendant with href containing '/db/1/app/100/tasks/element/', if there wont be a descendant, then nothing is selected.
This part just selects nth row of details
.tile-element__details-container > .tile-detail:nth-of-type(3)
In attachments two screenshots - one from application with id 100, and another with different id - same selectors :)
I haven't mentioned the global css way, as it might get messy really quickly when doing styles per appliaction.
However I'm glad that Martin Mentioned it, as it is possible, the thing is to use it wisely, and avoid creating css spaghetti.
Those are things which might change with time, as the platform grows, and i personally consider them brittle.