CSS modifications on a module which has no own css styles?

[sdetweil]

@rkorell the part of the css before the { is called the
selector clause.

it ‘selects’ the elements that the stuff between {} will be applied to

they can be quite complex, like here in my mmm-config to change an element in a generated form

.possibly-hidden-tab div:nth-child(2)  > div > div >div >ul >li:only-child >a[rel*="Item%201"] {
  display: none;
}

so you just have to describe how to target those elements

[rkorell]

@sdetweil ,
Dear Sam,
yes, I know and the selector clause is exactly what I’m struggling to find.
I’ve managed to see several clauses like your example with “nth-child” and several wild namings in other cases.
But in th given case I cannot “pick” the clause.

If I select the text in developer console (see image) “Kein Element ausgewählt” which tranlates to “no element selected”.
Consecutively it is not possible to extract the “inner HTML” or even the “CSS Path” - which in other circumstances is offered via right mouse context-menu…

So how can I figure out the selector clause?

Thanks!
Ralf

[sdetweil]

@rkorell

.module-name     div.module-block-end {
   color:....;
}

[rkorell]

@sdetweil would this work with the classes name as well?

[sdetweil]

@rkorell yes. as a replacement for module_name

when you select the element in the dev window
down at the bottom is the selector clause prototype

[rkorell]

@sdetweil unfortunately your suggestion doesn’t work…
And I cannot see anything “at the button” ?

Defnitely no “selector clause prototype”

[rkorell]

This is complete view in Firefox Browser

[sdetweil]

@rkorell there is an extra close div after the span

where does it open

[rkorell]

@rkorell
This same in Chrome

[rkorell]

@sdetweil said in CSS modifications on a module which has no own css styles?:

where does it open

<div module>
<div class "module content">
<div Style "margin-block-end">
  <span class> font-awesome-picture
" HERE THE TEXT"
</div>
</div>
</div>

The " <div class “module content”> " is identified by
"#module_10_MMM-JsonValue > div:nth-child(2) " (for the first instance of module)
second and following instances are counted up consecutively
"#module_11_MMM-JsonValue > div:nth-child(2) "
"#module_12_MMM-JsonValue > div:nth-child(2) "
"#module_13_MMM-JsonValue > div:nth-child(2) "