Thread: how are nested+contradictory CSS dealt with ?
View Single Post
Old 10-21-2011, 02:19 AM   #7
Agama
Guru
Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.
 
Agama's Avatar
 
Posts: 776
Karma: 2751519
Join Date: Jul 2010
Location: UK
Device: PW2, Nexus7
Quote:
Originally Posted by cybmole View Post
I got the impression that with most attributes the outer one takes preference . so font size is taken from calibre 11 only.
As jackie_w said, font sizes in em are multiplicative. I have attached an example to show this in action. Change the font-size in style "calibre", (e.g. to font-size:1.5em), and you will see that all the other styles get mulitpliied. Similarly you can see that the <span> within the <p> is multiplying the "calibre4" font-sizes and the "calibre" size.

(Save/Rename the attached css.txt file as css.html to try it out).
Attached Thumbnails
Click image for larger version Name: css.gif Views: 188 Size: 4.0 KB ID: 78014  
Attached Files
File Type: txt css.txt (540 Bytes, 155 views)
Last edited by Agama; 10-21-2011 at 02:29 AM. Reason: Added GIF screenshot to show results
Agama is offline   Reply With Quote