diff --git a/Mac/MainWindow/Detail/styleSheet.css b/Mac/MainWindow/Detail/styleSheet.css
index 4fd43f4ba..1d7d1a37d 100644
--- a/Mac/MainWindow/Detail/styleSheet.css
+++ b/Mac/MainWindow/Detail/styleSheet.css
@@ -293,9 +293,7 @@ sup[id^='fn'] {
 	vertical-align: baseline;
 }
 
-a.footnote,
-sup > a[href^='#fn'],
-sup > div > a[href^='#fn'] {
+a.footnote {
 	display: inline-block;
 	text-decoration: none;
 	padding: 0.05em 0.75em;
@@ -324,17 +322,13 @@ sup > div > a[href^='#fn'] {
 }
 body a.footnote,
 body a.footnote:visited,
-.newsfoot-footnote-popover + a.footnote:hover,
-sup > a[href^='#fn'],
-sup > div > a[href^='#fn'] {
+.newsfoot-footnote-popover + a.footnote:hover {
 	background: #aaa;
 	color: white;
 	transition: background-color 200ms ease-out;
 }
 a.footnote:hover,
-.newsfoot-footnote-popover + a.footnote,
-sup > a[href^='#fn']:hover,
-sup > div > a[href^='#fn']:hover {
+.newsfoot-footnote-popover + a.footnote {
 	background: #666;
 	transition: background-color 200ms ease-out;
 }
@@ -355,17 +349,13 @@ sup > div > a[href^='#fn']:hover {
 	}
 	body a.footnote,
 	body a.footnote:visited,
-	.newsfoot-footnote-popover + a.footnote:hover,
-	sup > a[href^='#fn'],
-	sup > div > a[href^='#fn'] {
+	.newsfoot-footnote-popover + a.footnote:hover {
 		background: #aaa;
 		color: white;
 		transition: background-color 200ms ease-out;
 	}
 	a.footnote:hover,
-	.newsfoot-footnote-popover + a.footnote,
-	sup > a[href^='#fn']:hover,
-	sup > div > a[href^='#fn']:hover {
+	.newsfoot-footnote-popover + a.footnote {
 		background: #666;
 		transition: background-color 200ms ease-out;
 	}
diff --git a/Shared/Article Rendering/main.js b/Shared/Article Rendering/main.js
index f11730264..403e5bdb1 100644
--- a/Shared/Article Rendering/main.js	
+++ b/Shared/Article Rendering/main.js	
@@ -88,6 +88,24 @@ function error() {
 	document.body.innerHTML = "error";
 }
 
+// Takes into account absoluting of URLs.
+function isLocalFootnote(target) {
+	return target.hash.startsWith("#fn") && target.href.indexOf(document.baseURI) === 0;
+}
+
+function styleLocalFootnotes() {
+	for (elem of document.querySelectorAll("sup > a[href*='#fn'], sup > div > a[href*='#fn']")) {
+		if (isLocalFootnote(elem)) {
+			if (elem.className.indexOf("footnote") === -1) {
+				if (elem.className.length === 0)
+					elem.className = "footnote";
+				else
+					elem.className = elem.className + " " + "footnote";
+			}
+		}
+	}
+}
+
 function render(data, scrollY) {
 	document.getElementsByTagName("style")[0].innerHTML = data.style;
 
@@ -106,6 +124,7 @@ function render(data, scrollY) {
 	stripStyles()
 	convertImgSrc()
 	flattenPreElements()
+	styleLocalFootnotes()
 
 	postRenderProcessing()
 }
diff --git a/Shared/Article Rendering/newsfoot.js b/Shared/Article Rendering/newsfoot.js
index 0f5b05bbd..99e80e15b 100644
--- a/Shared/Article Rendering/newsfoot.js	
+++ b/Shared/Article Rendering/newsfoot.js	
@@ -124,13 +124,7 @@
 	const footnoteFormats = [
 		{ // Multimarkdown
 			fnref(target) {
-				if (!target.matches(".footnote")) return;	 
-				return idFromHash(target);			
-			}
-		},
-	    {// Daring Fireball
-			fnref(target) {
-				if (!target.matches("sup > a[href^='#fn'], sup > div > a[href^='#fn']")) return;
+				if (!target.matches(".footnote")) return;
 				return idFromHash(target);
 			}
 		}
diff --git a/iOS/Resources/styleSheet.css b/iOS/Resources/styleSheet.css
index 9bea3383f..30f87eede 100644
--- a/iOS/Resources/styleSheet.css
+++ b/iOS/Resources/styleSheet.css
@@ -347,9 +347,7 @@ sup[id^='fn'] {
 	vertical-align: baseline;
 }
 
-a.footnote,
-sup > a[href^='#fn'],
-sup > div > a[href^='#fn'] {
+a.footnote {
 	display: inline-block;
 	text-decoration: none;
 	padding: 0.05em 0.75em;
@@ -378,17 +376,13 @@ sup > div > a[href^='#fn'] {
 }
 body a.footnote,
 body a.footnote:visited,
-.newsfoot-footnote-popover + a.footnote:hover,
-sup > a[href^='#fn'],
-sup > div > a[href^='#fn'] {
+.newsfoot-footnote-popover + a.footnote:hover {
 	background: #aaa;
 	color: white;
 	transition: background-color 200ms ease-out;
 }
 a.footnote:hover,
-.newsfoot-footnote-popover + a.footnote,
-sup > a[href^='#fn']:hover,
-sup > div > a[href^='#fn']:hover {
+.newsfoot-footnote-popover + a.footnote {
 	background: #666;
 	transition: background-color 200ms ease-out;
 }
@@ -409,17 +403,13 @@ sup > div > a[href^='#fn']:hover {
 	}
 	body a.footnote,
 	body a.footnote:visited,
-	.newsfoot-footnote-popover + a.footnote:hover,
-	sup > a[href^='#fn'],
-	sup > div > a[href^='#fn'] {
+	.newsfoot-footnote-popover + a.footnote:hover {
 		background: #aaa;
 		color: white;
 		transition: background-color 200ms ease-out;
 	}
 	a.footnote:hover,
-	.newsfoot-footnote-popover + a.footnote,
-	sup > a[href^='#fn']:hover,
-	sup > div > a[href^='#fn']:hover {
+	.newsfoot-footnote-popover + a.footnote {
 		background: #666;
 		transition: background-color 200ms ease-out;
 	}