[LESS] Stijl van naastgelegen class hergebruiken

[TheNephilim]

Heb eens zitten zoeken, maar kan niet vinden of dit mogelijk is.

Je kunt dit doen...

code:

.button {
    color: #999;
}

a {
    .button;
}

Dat is al erg handig, maar stel dat je onderstaande situatie hebt:

code:

.menu {
    .menu-item {
        a {
            color: #999;

            &:hover {
                color: #000;
            }
        }

        &.active {
            a {
                color: #000;
            }
        }
    }
}

Je doet twee keer hetzelfde! Zou je niet (bijv.) a > &:hover kunnen doen? Zoiets als hier beschreven, maar dan net even anders

Ik kan er weinig over vinden, al kan ik ook weinig goede zoekwoorden bedenken. Heeft iemand hier ideeën?

[NMe]

Je hoeft niet te nesten, natuurlijk.

[TheNephilim]

In dit voorbeeld wel, maar in in het project waar ik mee werk zijn .menu en .menu-item alleen genest in #header .navigation. Bijvoorbeeld omdat (evt.) de navigatie in de footer er heel anders uit ziet.

Kortom; uiteindelijk zijn ze wel genest. Dat vind ik ook een stuk handiger werken, dan alles onder elkaar te knikkeren. Ik probeer zo min mogelijk te nesten, alleen per 'onderdeel' en dan steeds zo hoog mogelijk.