MobileRead Forums - View Single Post

Turtle91 · 05-09-2022, 06:48 PM

I'm not sure what you've defined as 'line' but I exclusively use the following style of CSS (where properties can all be on the same line). They may get passed over just because there is a : and a ; in the line...also, they may not have a space after the colon, and may, or may not, have a semi-colon at the end.
Of course, AFTER I'm done with the whole book I use the cssRemoveUnusedSelectors to clean out and organize them...that plugin organizes the css into 'property: value;' per line styling. That styling has a space after the colon, but not after the semi-colon...

Before Organizing:

Code:

p.first::first-line {font-variant:small-caps; font-size:1.15em}

After Organizing:

Code:

p.first::first-line {
	font-variant: small-caps;
	font-size: 1.15em;
}

The point is, you can't guarantee that people will have a ': ' and a "; " on the same line to prevent changing the '::' to ': : '.... you may want to run some kind of CSS organizer routine to make sure everything is in a standard format that you can code for.

05-09-2022, 06:48 PM	#91
Turtle91 A Hairy Wizard Posts: 3,361 Karma: 20212223 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	I'm not sure what you've defined as 'line' but I exclusively use the following style of CSS (where properties can all be on the same line). They may get passed over just because there is a : and a ; in the line...also, they may not have a space after the colon, and may, or may not, have a semi-colon at the end. Of course, AFTER I'm done with the whole book I use the cssRemoveUnusedSelectors to clean out and organize them...that plugin organizes the css into 'property: value;' per line styling. That styling has a space after the colon, but not after the semi-colon... Before Organizing: Code: p.first::first-line {font-variant:small-caps; font-size:1.15em} After Organizing: Code: p.first::first-line { font-variant: small-caps; font-size: 1.15em; } The point is, you can't guarantee that people will have a ': ' and a "; " on the same line to prevent changing the '::' to ': : '.... you may want to run some kind of CSS organizer routine to make sure everything is in a standard format that you can code for.