CSS Combineren?

[spoonman]

We hebben op het werk een css template gekocht voor de nieuwe administratie console van ons product. Reden daarvoor was om zo weinig mogelijk tijd te verknoeien aan opmaak, en eigenlijk ook omdat we geen mensen hebben die goed uit de voeten kunnen met css.

De template voorziet vanalle css classes die je gemakkelijk kan combieren, en dat werkt best goed, alleen heb ik nu één probleempje: ik wil op een bepaalde selector meerdere css classes combineren. Ik heb niet de mogelijkheid om die meerdere classes gewoon op mijn html element in het class attribuut te steken, ik wil dus echt die meerdere classes op dat element krijgen dmv een bepaalde selector.

Een voorbeeldje van wat ik eigenlijk wil bekomen:

Cascading Stylesheet:

.validation-summary-errors ul {
     /* ... en hier wil ik dus eigenlijk de eigenschappen van ClassX, ClassY en ClassZ hergebruiken */
}

[NiteSpeed]

Dit is niet mogelijk in CSS. Je eigenlijke oplossing is inderdaad meerdere classes aan een element hangen. Je kan een workaround verzinnen met iets als http://sass-lang.com/, maar als je niet veel verstand hebt van CSS gaat dit zaken waarschijnlijk alleen maar moeilijker maken.

[TERW_DAN]

Geef het ding een andere class waar je alles inzet van die 3 classes die je nu in je CSS hebt zitten. Dat is de manier om het snel en makkelijk te kunnen doen.

[NMe]

Nee, snel en makkelijk is nog steeds die drie classes allemaal in het element te noemen. Ik begrijp niet helemaal waarom dat niet zou kunnen?

[RM-rf]

spoonman schreef op maandag 13 mei 2013 @ 10:17:
We hebben op het werk een css template gekocht voor de nieuwe administratie console van ons product. Reden daarvoor was om zo weinig mogelijk tijd te verknoeien aan opmaak, en eigenlijk ook omdat we geen mensen hebben die goed uit de voeten kunnen met css.

Eigenlijk had je vraag hier al kunnen eindigen, toch?

waarom, als je streven is 'geen tijd te verknoeien aan opmaak' (en je daarvoor zelfs een commercieele oplossing aanschaft tegen betaling) wil je toch zelf dingen gaan veranderen en aanpassen?

[R4gnax]

NMe schreef op maandag 13 mei 2013 @ 11:13:
Nee, snel en makkelijk is nog steeds die drie classes allemaal in het element te noemen. Ik begrijp niet helemaal waarom dat niet zou kunnen?

Check de selector uit het voorbeeld eens; ".validation-summary-errors ul"

Als je een beetje met ASP.NET gewerkt hebt herken je die meteen. Dat is overeenkomstig de HTML structuur die al sinds WebForms gebruikt wordt voor validation summaries en nu in ASP.NET MVC nog steeds de standaard is.

Het steekt ook nog steeds zo ruk in elkaar dat de HTML uitvoer moeilijk of niet te bewerken valt zonder een deels eigen oplossing te rollen (zeker aangezien een paar mensen bij Microsoft een fetish hebben voor internal classes...)

In MVC is het nu gelukkig eindelijk zover dat er een method overload voor HtmlHelper.ValidationSummary beschikbaar is waar je extra HTML attributen kunt specificeren en waar het class attribuut intern niet door de helper overschreven wordt met de eigen waarde, maar waar class names netjes samengevoegd worden. (Door string concatenatie trouwens, wat eigenlijk nog steeds zwaar fout is...)

Het zou me alleen niets verbazen als het in WebForms nog steeds niet mogelijk is. En een 'cheap' administratief backend? Dat stinkt naar WebForms...

[ Voor 6% gewijzigd door R4gnax op 13-05-2013 21:02 ]