Quote:
Originally Posted by DaveLessnau
Can someone explain the point of the following class/style?
Code:
.element-container-single.element-type-also-by .heading .title-subtitle-block, .element-container-single.element-type-also-by .heading .title-subtitle-block .title-block, .element-container-single.element-type-also-by .heading .title-subtitle-block .element-number-block, .element-container-single.element-type-about-author .heading .title-subtitle-block, .element-container-single.element-type-about-author .heading .title-subtitle-block .title-block, .element-container-single.element-type-about-author .heading .title-subtitle-block .element-number-block {
padding-top: 0;
}
Maybe I'm misunderstanding how these are supposed to work. But, I thought the various names (separated by commas) before the curly brackets were different ways of referring to the same formatting. So, if I'm reading that correctly, there are 6 different ginormous names for the same trivial bit of formatting (padding-top: 0). Why do that instead of just making a class called something like "notoppad"? Is it because w3c wants people to use semantically named classes instead of structural names? |
If you look through the CSS, you are likely to find many of the names in multiple places. In your example, all the styles with padding-top: 0 are included. Another location might have all the styles with text-align: center or whatever else. For human use, I prefer individual style names with all the options which I find easier to read.
Yes, Vellum stylesheets are not meant to be humanly readable.