find missing classes

kcarscadden · 12-09-2019, 12:00 AM

This is probably already answered, but I cannot find it.

How do I find classes missing in the stylesheet? That is, I have <p class="NoIndent">, but .noindent { } in the stylesheet. So NoIndent does not exist.

kovidgoyal · 12-09-2019, 12:56 AM

Use the remove unused css rules tools with remove unused classes enabled and then see what was removed using the see what changed button, then undo the changes.

phossler · 12-09-2019, 05:42 PM

Quote:

Originally Posted by kcarscadden

This is probably already answered, but I cannot find it.

How do I find classes missing in the stylesheet? That is, I have <p class="NoIndent">, but .noindent { } in the stylesheet. So NoIndent does not exist.

I use the Report tool, anything with [0] is undefined in a CSS

DNSB · 12-09-2019, 09:57 PM

As an alternate, Sigil's Report tool will return Style classes in HTML files and Style classes in CSS files. In the report, you will see either a matching selector (HTML files page) or an used in HTML file (CSS files page) -- if that section is blank, you have problems.

Edit: Added images of the two reports. They show one of the reasons I abhor Vellum as an epub editor. What sort of editor has over 60 classes used in the HTML files but not defined in a CSS file?

kcarscadden · 12-10-2019, 09:16 PM

Thanks phossler. That's exactly what I was looking for.

Keith

12-09-2019, 12:00 AM	#1
kcarscadden Zealot Posts: 141 Karma: 13776 Join Date: Jan 2007 Location: semi-north Ontario, Canada (N 45.41 W -79.67) Device: iPad Air 5, Samsung Galaxy S20 FE	find missing classes This is probably already answered, but I cannot find it. How do I find classes missing in the stylesheet? That is, I have <p class="NoIndent">, but .noindent { } in the stylesheet. So NoIndent does not exist.

12-09-2019, 09:57 PM	#4
DNSB Bibliophagist Posts: 48,175 Karma: 174315444 Join Date: Jul 2010 Location: Vancouver Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos	As an alternate, Sigil's Report tool will return Style classes in HTML files and Style classes in CSS files. In the report, you will see either a matching selector (HTML files page) or an used in HTML file (CSS files page) -- if that section is blank, you have problems. Edit: Added images of the two reports. They show one of the reasons I abhor Vellum as an epub editor. What sort of editor has over 60 classes used in the HTML files but not defined in a CSS file? Attached Thumbnails Last edited by DNSB; 12-09-2019 at 10:03 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
HTML to EPUB, how to keep classes?	MistaPrime	Conversion	27	07-30-2019 11:33 AM
Pseudo classes to be deleted as unused classes	Leonatus	Sigil	2	09-23-2018 10:12 AM
Pseudo classes with classes	Macsurfcat	ePub	4	01-07-2016 05:00 AM
Multiple classes compatibility	senhal	ePub	5	11-23-2015 09:00 PM
How to find books with missing metadata?	kaufman	Library Management	1	01-04-2014 01:32 AM

12-09-2019, 12:56 AM	#2
kovidgoyal creator of calibre Posts: 45,609 Karma: 28549044 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Use the remove unused css rules tools with remove unused classes enabled and then see what was removed using the see what changed button, then undo the changes.

12-10-2019, 09:16 PM	#5
kcarscadden Zealot Posts: 141 Karma: 13776 Join Date: Jan 2007 Location: semi-north Ontario, Canada (N 45.41 W -79.67) Device: iPad Air 5, Samsung Galaxy S20 FE	Thanks phossler. That's exactly what I was looking for. Keith

Advert

Advert