我想仅使用 CSS 将锚标记替换为一些不同的文本。我尝试过使用 CSS 伪元素，但使用它会将新文本放入锚标记内，这不是预期的。我想替换整个锚标记，以便新文本不会有任何链接。
原始代码：
<a href="www.google.com" class="link-class">The google link</a>
<a href="www.yahoo.com" class="link-class">The yahoo link</a>
<a href="www.so.com">Don't replace this</a>
<a href="www.ddgo.com" class="link-class">The ddgo link</a>
更换后：
Replacement text
Replacement text
<a href="www.so.com">Don't replace this</a>
Replacement text
我已经尝试过这个：
<a href="www.google.com" class="link-class">The google link</a>
<a href="www.yahoo.com" class="link-class">The yahoo link</a>
<a href="www.so.com">Don't replace this</a>
<a href="www.ddgo.com" class="link-class">The ddgo link</a>
Replacement text
Replacement text
<a href="www.so.com">Don't replace this</a>
Replacement text
简而言之，我不想在替换的文本上使用超链接，如何仅使用 CSS 来做到这一点？
我通过 my 为特定页面执行此操作extension，并且页面通过 ajax 请求加载其 DOM 内容，因此在这种情况下使用 JS 来完成这个小任务变得非常麻烦。
我有一个函数 React 组件，它有一个从 10000 开始到 0 的计数器。
我在组件安装期间使用 useEffect 挂钩设置 setInterval 回调。然后回调会更新计数器状态。
但不知道为什么，count价值却始终没有减少。每次回调运行count都是10000。
（我正在使用react＆react-dom版本16.8.3）
功能组件如下：
import React, { useState, useEffect, useRef } from 'react'
const Counter = () => {
const timerID = useRef()
let [count, setCount] = useState(10000)
useEffect(() => {
timerID.current = setInterval(() => {
//count here is always 10000
if (count - 1 < 0) {
setCount(0)
} else {
setCount(count - 1)
}
}, 1)
}, [])
return <h1 className="counter">{count}</h1> …