Did we not establish an answer to this? Did another issue arrive?
.italic{
font-style: italic;
}
.editorial{
font-style: italic;
}
.italic .editorial{
font-style: normal;
}
On Mon, Sep 21, 2020 at 2:17 PM Jeff Zeitlin
<edi...@freelancetraveller.com> wrote:
>
> On Mon, 21 Sep 2020 13:49:31 -0400, Sandy Feldman <sa...@sandyfeldman.com>
> wrote to Freelance Traveller:
>
> >Hey Jeff,
> >
> >maybe what you need is
> >
> >.italic, cite {
> > font-style: italic;
> >}
> >
> >.editorial {
> > editorial styles
> >
> >}
> >
> >and then you've got <div class="editorial italic"> and <cite>book
> >title</cite>.
>
> This doesn't solve the problem - essentially, what I need is 'toggling'
> styles. Suppose, arguendo, that there existed 'font-style-toggle:', and it
> could take any value that 'font-weight:' or 'font-style:' would accept. In
> such a case, I'd define both .booktitle and .editorial, _and_ the em tag to
> use 'font-style-toggle: italic;', and then a .booktitle inside a .editorial
> would come out upright, and a .editorial inside <em></em> tags would also
> come out upright, and a .booktitle inside <em></em> that was itself inside
> .editorial would come out italic, because the <em></em> would be upright
> within the .editorial. Since 'font-style-toggle:' doesn't actually exist
> (as useful as it would be), what I'm looking for is a way to "fake" it
> without having to list all possible combinations to whatever depth may be
> necessary.
>
> >Think about making the editorial font size at least 1em, so as to have
> >mercy on your older & your low vision users. There's other ways, right?
>
> I deliberately use em as the size unit specifically to accommodate people
> with impaired vision who would prefer larger text. If they set their base
> browser size to a larger size that they prefer, my text will conform to
> their settings, while maintaining the relationship(s) that I establish
> between various usages within my site.
>
>
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
