Specificity Issue in link coloring

moonstone_305 · 07-23-2023, 01:52 PM

When making the css for my ebook, i noticed that i wasn't able to change the color of the links. I want to make it so that the footnote links in the ebook are the same color as the text, but no matter what i do (adding class or id tags), it doesn't change. the only way that it works is if i add the "!important" to it, or use inline styling, but i would really rather not do that. Does anyone have any solutions?

DiapDealer · 07-23-2023, 02:25 PM

Does it not work in Sigil's Preview, or are you viewing it in another app/reader where it doesn't work?

Also... get ready for opinions on why link text being the same color as regular text is a bad idea.

theducks · 07-23-2023, 02:45 PM

Why even bother with links if they are invisible?

I do remove the :visited and :link specific colors (not very useful on eink), and why do I need to know I have used the inline TOC? (I usually delete if all it does is mimic what is in the NCX)

Turtle91 · 07-23-2023, 04:43 PM

Can you give an example of the code you are using?

I typically define the <a> in the css… I don’t use spans within the <a>.

Code:

a {color:inherit}

<p>This sentence has a <a href="yourlink.html">link</a>.</p>

07-23-2023, 01:52 PM	#1
moonstone_305 Junior Member Posts: 1 Karma: 10 Join Date: Jul 2023 Device: none	Specificity Issue in link coloring When making the css for my ebook, i noticed that i wasn't able to change the color of the links. I want to make it so that the footnote links in the ebook are the same color as the text, but no matter what i do (adding class or id tags), it doesn't change. the only way that it works is if i add the "!important" to it, or use inline styling, but i would really rather not do that. Does anyone have any solutions?

07-23-2023, 04:43 PM	#4
Turtle91 A Hairy Wizard Posts: 3,295 Karma: 20171067 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	Can you give an example of the code you are using? I typically define the <a> in the css… I don’t use spans within the <a>. Code: a {color:inherit} <p>This sentence has a <a href="yourlink.html">link</a>.</p> Last edited by Turtle91; 07-23-2023 at 04:45 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Microsoft word to EPUB conversion Index link issue	JeanDolphin	Conversion	3	10-16-2020 11:03 AM
Cascading Styles & Specificity	Turtle91	Sigil	4	01-20-2020 06:57 PM
Link format issue in Kindle for iPhone	sjkramer	Kindle Developer's Corner	1	08-23-2010 01:51 PM

07-23-2023, 02:25 PM	#2
DiapDealer Grand Sorcerer Posts: 28,341 Karma: 203719142 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	Does it not work in Sigil's Preview, or are you viewing it in another app/reader where it doesn't work? Also... get ready for opinions on why link text being the same color as regular text is a bad idea.

07-23-2023, 02:45 PM	#3
theducks Well trained by Cats Posts: 30,882 Karma: 59840450 Join Date: Aug 2009 Location: The Central Coast of California Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A	Why even bother with links if they are invisible? I do remove the :visited and :link specific colors (not very useful on eink), and why do I need to know I have used the inline TOC? (I usually delete if all it does is mimic what is in the NCX)

Advert