Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Proper CSS for schema rich snippets (microdata) Reply To: Proper CSS for schema rich snippets (microdata)

#151243
jbc
Participant

Well, I’ve made progress for anyone who cares, here is what I’ve been successful using:

[itemprop="itemreviewed"] {
    color: #143196;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 15px;
    margin: 0 0 1.5rem;
    font-size: 20px;
    font-size: 2.0rem;
}

[itemprop="reviewer"] {
    color: #143196;
    font-family: 'Roboto Slab', serif;
    font-weight: 200;
    line-height: 1.2;
    margin: 0 0 15px;
    margin: 0 0 1.5rem;
    font-size: 14px;
    font-size: 1.4rem;
}

I’m sure there must be syntax to consolidate the two and only identify the font size but I don’t know the syntax. Nor do I know what the role of the [ and ] are but I was able to find this working example on the web HTML5 Microdata and CSS