16 lines
1.1 KiB
Plaintext
16 lines
1.1 KiB
Plaintext
<codescape class='css'>:is</codescape> vérifie si l'élément ciblé contient/possède/a telle classe / attribut / id / état(:hover, :active...)
|
|
<codescape class='css'>:not</codescape> fait l'inverse...
|
|
<codescape class='css'>:has</codescape> vérifie si l'élément contient tel element / état
|
|
|
|
On cible les éléments en fonction de leurs attributs ainsi :
|
|
<codescape class='css'>a[href]</codescape> ... un lien avec "href" comme Attribut
|
|
<codescape class='css'>a[href="#"]</codescape> ... ici l'attribut doit <u>être égal à</u> "#"
|
|
<codescape class='css'>a[href$=".pdf"]</codescape> ... ici l'attribut doit <u>finir par</u> "#"
|
|
<codescape class='css'>a[href^="https://"]</codescape> ... ici l'attribut doit <u>commencer par</u> "https://"
|
|
<codescape class='css'>a[href*="dead_internet"]</codescape> ... ici l'attribut...
|
|
.... <u>contient n'importe où</u> "dead_internet"
|
|
|
|
TODO :
|
|
Modifier l'opacité des éléments (<code>li</code>) contenant une <code>span</code>...
|
|
... dont l'attribut <codescape class='css'>"data-state"</codescape> contient <codescape class='css'>"sleep"</codescape>...
|