Eindeutige Identifizierung mit Marker von verschachtelten Selektorern sinnvoll???

[MB]

moin,

Frage
Ist eine eindeutige Markierung in Form von einer einmaligen Klassenkonstellation als Identifier für den Cascade-Algorithmus in einer extrem von div & span-Tags verschachtelten HTML Struktur sinnvoll? Der Algorithmus muss sich ja zusätzlich zur GUI mit meine duzende CSS-Snippets auseinandersetzten oder ist für ihr unerheblich und nur für die CSS Entwickler wichtig?

Background
Das GUI der Obsidian App ist ausschließlich in HTML entwickelt und insofern auch extrem verschachtelt.

View Beispiel
Schema der Views im Code (zur Verdeutlichung vereinfacht)

…
  <div class="view">
    …
      <div class="markdown is-source-view">
        …
          <div class="header header-1">
            Lorem Ipsum…
    …
      <div class="markdown is-pre-view">
        …
          <div class="header header-1">
            Lorem Ipsum…
      <div class="markdown is-read-view"> 
        …
          <h1>
            Lorem Ipsum…

.is-source-view, .is-pre-view und .is-read-view kommen selten in der GUI vor aber in Kombination mit .markdown sind sie eindeutig identifizierbar (z.B.:is( .markdown.is-source-view * ) {}).

Identifier Beispiel
Beispiel mit dem View Identifier in einem externen CSS Snippet

.view { 
  & :is( .markdown.is-source-view * ),
  :is( .markdown.is-pre-view * ) {
    .header { color: red }
  } 
   /* Identifier ist hier unnötig */
  & :is( .markdown.is-read-view * ) {
    h1 { color: green }
  } 
}

Bitte schreibt mich an, fals etwas unklar erscheint. Ich tu mein möglichstes.

Ich freue mich aus AWs 😀

lgmb