Html 伪选择器不'；我的情况不行

此处演示：

---

您需要将其更改为

a:hover

，原因是文本装饰是

a

的默认样式，而不是链接

p

元素

.icon_col > a:hover {
    text-decoration: none;
}

您的代码中还有一些多余的空格，我已经删除了

还值得注意的是，

选择器意味着“直系后代”，因此即使您的间距合适（选择器、冒号和伪选择器之间没有空格），此规则也不会匹配任何内容，因为

标记不是

.icon\u col

的直系后代，它是嵌套在

标记中的次级后代

如果您真的想针对该

标记，可以使用以下代码：

.icon_col > a:hover p {
  text-decoration: none;
}

---

请注意，在选择器

文本装饰

中的破折号和单词之间以及

a:hover

中的冒号和选择器之间缺少空格空白非常重要

您需要将其更改为

a:hover

，原因是文本装饰是

a

的默认样式，而不是链接

p

元素

.icon_col > a:hover {
    text-decoration: none;
}

您的代码中还有一些多余的空格，我已经删除了

还值得注意的是，

选择器意味着“直系后代”，因此即使您的间距合适（选择器、冒号和伪选择器之间没有空格），此规则也不会匹配任何内容，因为

标记不是

.icon\u col

的直系后代，它是嵌套在

标记中的次级后代

如果您真的想针对该

标记，可以使用以下代码：

.icon_col > a:hover p {
  text-decoration: none;
}

---

请注意，在选择器

文本装饰

中的破折号和单词之间以及

a:hover

中的冒号和选择器之间缺少空格空白非常重要

您需要将其更改为

a:hover

，原因是文本装饰是

a

的默认样式，而不是链接

p

元素

.icon_col > a:hover {
    text-decoration: none;
}

您的代码中还有一些多余的空格，我已经删除了

还值得注意的是，

选择器意味着“直系后代”，因此即使您的间距合适（选择器、冒号和伪选择器之间没有空格），此规则也不会匹配任何内容，因为

标记不是

.icon\u col

的直系后代，它是嵌套在

标记中的次级后代

如果您真的想针对该

标记，可以使用以下代码：

.icon_col > a:hover p {
  text-decoration: none;
}

---

请注意，在选择器

文本装饰

中的破折号和单词之间以及

a:hover

中的冒号和选择器之间缺少空格空白非常重要

您需要将其更改为

a:hover

，原因是文本装饰是

a

的默认样式，而不是链接

p

元素

.icon_col > a:hover {
    text-decoration: none;
}

您的代码中还有一些多余的空格，我已经删除了

还值得注意的是，

选择器意味着“直系后代”，因此即使您的间距合适（选择器、冒号和伪选择器之间没有空格），此规则也不会匹配任何内容，因为

标记不是

.icon\u col

的直系后代，它是嵌套在

标记中的次级后代

如果您真的想针对该

标记，可以使用以下代码：

.icon_col > a:hover p {
  text-decoration: none;
}

请注意，在选择器

文本装饰

中的破折号和单词之间以及

a:hover

中的冒号和选择器之间缺少空格空白非常重要

为什么不试试这个：

.icon_col > a: hover {
   text - decoration: none;
 }

为什么不试试这个：

.icon_col > a: hover {
   text - decoration: none;
 }

为什么不试试这个：

.icon_col > a: hover {
   text - decoration: none;
 }

为什么不试试这个：

.icon_col > a: hover {
   text - decoration: none;
 }

---

你的段落没有任何文字修饰；下划线来自包装它的锚。fiddle：（你的CSS也在Javascript部分）你的段落没有任何文本装饰；下划线来自包装它的锚。fiddle：（你的CSS也在Javascript部分）你的段落没有任何文本装饰；下划线来自包装它的锚。fiddle：（你的CSS也在Javascript部分）你的段落没有任何文本装饰；下划线来自包装它的锚。fiddle:（你的CSS也在Javascript部分）