800

And then there is this beauty...

Comments
  • 17
    everyone lies.
  • 17
    It's in quotes so it's "OK"
  • 5
  • 8
    It's "fine"
  • 5
    Yes! I very much wonder what the other classes look like.
  • 23
    h3.h4 {
    /* fuckery goes here */
    }

    All is fine I guess...
  • 9
    brings tears to my eyes!
  • 6
    Been there done that XD
  • 4
    Can see this happening for SEO reasons. Haven't used it myself though.
  • 7
    Guys it may seem stupid to developers, but it makes perfect sense in a SEO context..
  • 3
    Maybe the class is a bit confusing in your stylesheet, but you shouldn't use elements in your sheet (only to define some basic stuff for all elements of that type). So it should look like

    .h4 {
    // stuff here
    }

    On the front side, it's just an h3 that has the style from an h4. I don't see the problem.
  • 4
    @unknown then why name the class h4? Why not name it something more appropriate for its use case?
  • 0
  • 2
    @donkeyScript as I said, maybe the class name is a bit confusing. Using "heading-type-4" or "heading-format-4" or something like that would be a little better.

    But hey, if it ain't broken... don't fix it :)
  • 3
    @unknown yea or something else. I personally do not create classes for my header tags. Maybe it's just me but seeing <h4 class="h4"> would drive me up a wall.
  • 2
    @donkeyScript I think it would be better to style your heading tags on the element (in the file where your put your elements, you should use classes everywhere else) and create a special class like:

    h4 {
    // normal h4 styling
    font-size: 20px;
    }

    h4.small {
    // small h4
    font-size: 16px;
    }

    This will always work, because your h4.small (with class) is stronger than h4 only.
  • 1
    @unknown agreed. This is how I do it.
  • 0
    It makes sense if you don't think about it.
  • 5
    It makes sense. Semantically you need an h3 but visually an h4-like element. Separation of concerns.
  • 1
    @donkeyScript because you may want a h3 the size of a h4. Fairly sure Twitter bootstrap has this class in too. My only improvement would be to maybe call it something like .size-h4.
  • 0
    @idiazroncero and why don't you use a h4 for the semantic as well? Doesn't make sense at all.
  • 1
    The universe might explode. STOP
  • 0
    #wordpress-wysiwyg
  • 0
    @foldager your style rule should be something like .strong-voice and not styled with hierarchy involved. Meaning and visual style are not the same.
  • 1
    @maysi Is not the way i'll do It but is still possible. You might have a text where you need to semantically mark sections and subsections with h3 and h4 but visually you prefer them to be the same. Not common, but I've seen it before. Strange, but valid.
  • 0
    Did similar thing.
    p class="divInfo", collegue was not happy :-D
  • 0
    Identity Theft is not a Joke
Add Comment