Html 在h1中定义的类不响应css

我正在使用wordpress的工具箱主题。这是用于在h1标记内显示博客页面上每篇文章的标题的代码

<h1 class="entry-title"><a href="<?php t he_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'toolbox' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php     the_title(); ?></a></h1>

标题下面也有一条奇怪的蓝色下划线，我也想把它去掉

以下是该页面的html输出：

<header class="entry-header">
<h1 class="entry-title">
<a rel="bookmark" title="Permalink to Haley Joel Osment to Try Acting As a Grown Up in New…" href="http://localhost/wordpress/featured/haley-joel-osment-to-try-acting-as-a-grown-up-in-new-6/">Haley Joel Osment to Try Acting As a Grown Up in New…</a>
</h1>
<div class="entry-meta">
</header>

---

听起来好像有另一个更大的规则正在覆盖您的规则。要么加一个！对您的规则很重要。条目标题{color:000！important；}或将选择器更改为.entry title部分的值更大

---

例如，使用Chrome，您可以通过右键单击元素并从关联菜单中选择Inspect element来检查元素。您应该能够看到哪些其他CSS规则正在应用于您的元素，这将有助于跟踪哪些其他规则可能正在应用于元素并覆盖您的样式。大多数其他现代浏览器都有类似的开发工具来检查HTML、CSS和JavaScript。

听起来好像有另一个更大的规则正在覆盖您的规则。要么加一个！对您的规则很重要。条目标题{color:000！important；}或将选择器更改为.entry title部分的值更大

---

例如，使用Chrome，您可以通过右键单击元素并从关联菜单中选择Inspect element来检查元素。您应该能够看到哪些其他CSS规则正在应用于您的元素，这将有助于跟踪哪些其他规则可能正在应用于元素并覆盖您的样式。大多数其他现代浏览器都有类似的开发工具来检查HTML、CSS和JavaScript。

如果您有一个内标签和样式，则将使用其继承的样式，如果您有一个内标签和样式，则可能不会遵循的样式，将使用其继承的样式，并且可能不遵循的样式。您在这里遇到的问题是，出于可访问性原因，浏览器将其默认样式放在内部，可能还有其他原因

理想情况下，应在外部进行，如下所示：

<a href="<?php t he_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'toolbox' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">
    <h1 class="entry-title"><?php the_title(); ?></h1>
</a>

---

您现在遇到的问题是，出于可访问性原因，浏览器会将其默认样式放在内部，可能还有其他原因

理想情况下，应在外部进行，如下所示：

<a href="<?php t he_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'toolbox' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark">
    <h1 class="entry-title"><?php the_title(); ?></h1>
</a>

类声明.entry标题不影响h1元素中的链接。 如果您想解决h1元素内部的链接，必须使用选择器h1.entry-title a

删除下划线并显式设置颜色的示例：

h1.entry-title a { text-decoration:none; color:red; }

PS：在这种情况下，前缀h1。可能是可选的，但它提供了更具体的区别。

类声明。条目标题不影响h1元素中的链接。 如果您想解决h1元素内部的链接，必须使用选择器h1.entry-title a

删除下划线并显式设置颜色的示例：

h1.entry-title a { text-decoration:none; color:red; }

---

PS：在这种情况下，前缀h1。可能是可选的，但它提供了更具体的区别。

如果你在没有评论的情况下否决了一个答案，那你根本帮不上忙。谢谢大家的回答，克里斯托弗的答案帮了我的忙@谢赫：如果你看看我的答案，你会发现它和克里斯托弗的答案是一样的，只是我解释了为什么它会起作用。如果你不加评论地否决了一个答案，你一点帮助都没有。谢谢大家的回答，克里斯托弗的答案帮了我的忙@谢赫：如果你看一看我的答案，你会发现它和克里斯托弗的答案一样，只是我解释了它为什么有效。@克里斯托弗：它不影响链接，也不影响链接。另外，h1.entry-title a不是类，它是一个CSS选择器。@Chromium:我想你的意思是它确实影响链接，而不是链接？但你是对的，我糟糕的措辞可能会引起混乱。谢谢你的纠正。@我不能评论你的答案，因为缺少声誉：你的答案不考虑H1前缀。因此，如果在样式中的其他地方定义了选择器h1.entry-title a，则您的选择器可能不会生效，因为这将覆盖您的样式。@克里斯托弗：它不会影响链接，也不会影响链接。另外，h1.entry-title a不是类，它是一个CSS选择器。@Chromium:我想你的意思是它确实影响链接，而不是链接？但你是对的，我糟糕的措辞可能会引起混乱。谢谢你的纠正。@我不能评论你的答案，因为缺少声誉：你的答案不考虑H1前缀。因此，如果在样式中的其他地方定义了选择器h1.entry-title a，则您的选择器可能不会生效，因为这将覆盖您的样式。

h1.entry-title a { text-decoration:none; color:red; }