Re: [ALUG] CSS question about using float

The relevant CSS is:-

div.dokuwiki h1 a,
div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki a.nolink {
  color: __text__ ;
  text-decoration: none !important;

...
...
...

div.blogpage h1 {font-size: 220%; margin-left: 0px; font-weight: bold; border-bottom: 1px solid __text__; display: inline; }
div.blogpage h5 {font-size: 100%; margin-left: 0px;  font-weight: bold; display: inline; color: green;}

div.level1 { display: inline; }

The colour of the h5 bit is staying determinedly at __text__ rather than the green that I'm setting (I don't really want it green, it's just easier for testing). I assume that the colour is being inherited from the div.dokuwiki setting. Is there any way I can force the div.blogpage setting for the colour to override the other? The dokuwiki div is 'outside' my blogpage class.

(N.B. I can't set the h5 class explicitly as that part of the HTML is generated by the Wiki)

I'm not very good at understanding this CSS/inheritance stuff! :-)

.... it's OK, I spotted the problem (deliberate error?), I need to set 'div.blogpage h5 a { color: green }'. I hadn't registered that 'a' in the colour setting for div.dokuwiki.