So jetzt klappt es. Aber es ist etwas eigenartig. Ich brauchte den verkürzten Hover-Pfad von Andreas, der muss aber vor dem vollständigen Hover-Pfad stehen. Ohne den verkürzten Hover-Pfad geht es gar nicht, wenn der verkürzte Hover-Pfad hinter dem vollständigen Hover-Pfad steht, wird lediglich die ganze Zeile eingefärbt. So sieht es also bei mir jetzt aus:
CSS
yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > div:nth-child(1) > yt-icon:nth-child(2) > svg:nth-child(1) {
fill: red !important;
}
yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > yt-formatted-string:nth-child(2) {
font-size: 20px !important;
color: red !important;
background: green !important;
}
yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1):hover {
background: blue !important;
}
yt-multi-page-menu-section-renderer.style-scope:nth-child(1) > div:nth-child(2) > ytd-compact-link-renderer:nth-child(5) > a:nth-child(1) > paper-item:nth-child(1) > yt-formatted-string:nth-child(2):hover {
background: blue !important;
color: yellow !important;
}
Alles anzeigen