Skip to content

Instantly share code, notes, and snippets.

Last active Oct 11, 2016
What would you like to do?
/********Link-Klasse****/ {
color: #fff !important;
background: #c8504b;
padding: 10px 20px;
border-radius: 2px;
margin: 5px;
/****** angewendeter Code auf alle Links, die nicht .fy-button als Klasse haben ***/
.fy-page-content a:not(.fy-button):hover, .fy-post-content a:not(.fy-button):hover, .fy-comment-content a:not(.fy-button):hover {
color: #c8504b;
border-color: #c8504b;
/****** Code für alle Download-Button ***/
.fy-page-content, .fy-post-content, .fy-comment-content {
background: black;
/****** Falls der Code oben noch nicht funktioniert ***/
.fy-page-content, .fy-post-content, .fy-comment-content {
background: black;

This comment has been minimized.

Copy link
Owner Author

@2ndkauboy 2ndkauboy commented Oct 11, 2016

Zeile 2 selektiert alle Links mit der Klasse download-button
Zeile 11 selektiert alle Links, die nicht die Klasse fyi-button haben UND den Hover-State haben UND sich in fy-[page|post|comment}-contentbefinden
Zeile 17 selektiert alle Link mit der Klasse download-button UND sich in fy-[page|post|comment}-contentbefinden

Es gewinnt bei CSS immer die genaueste Selektion wobei:
.download-button ist genauer als a ist genauer als .download-button
.fy-page-content ist genauer als ist genauer als a:not(.fy-button)
somit ist auch .fy-page-content genauer als .fy-page-content a:not(.fy-button):hover und gewinnt daher ;)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment