Question

我的PHP文件包含以下代码：

<div class="post hentry ivycat-post">
<!-- This is the output of the post TITLE -->
<h2 class="entry-title">
  <a href="<?php the_permalink(); ?>"><?php the_title(); ?> <------Click Here </a>
</h2>

我需要的是改变文字的颜色＆＃34;点击这里＆＃34;。我在wordpress中构建网站，通过其他选项无法通过CSS更改该文本颜色。

谢谢。

Answer 1

您可以使用class将文本包装在span中。

<div class="post hentry ivycat-post">
<!-- This is the output of the post TITLE -->
<h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?> <span class="clickhere"><------Click Here</span></a></h2>

CSS：

.clickhere {color: red;}

Answer 2

欢迎来到堆栈溢出@BodyvolutiomGym： - ）

请搜索堆栈溢出以查看问题是否已经回答，以避免将您的问题投下来。

只需在<span>中换行要更改颜色的文字，然后在color属性中设置style。

<span style="color:red">Click Here</span>

您的整个代码看起来像这样......

<div class="post hentry ivycat-post">
<!-- This is the output of the post TITLE -->
<h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?> <------<span style="color:red">Click Here</span> </a></h2>

Answer 3

您应该可以使用CSS中的a:link选择器来更改颜色。

a:link {
    color: red;
}

但这会影响整个网站。您可以使用类或ID来限制单个链接的效果。

/* This will only affect links with class "nice" */
a.nice:link {
    color: green;
}

/* This will only affect a single link (as IDs must be unique) with ID "awesome" */
a#awesome:link {
    color: gray;
}

Answer 4

<强> CSS

.ivycat-post h2.entry-title a{color:#DDD;}

Answer 5

请像thsis一样使用

<div class="post hentry ivycat-post">
<!-- This is the output of the post TITLE -->
<h2 class="entry-title">
  <a href="<?php the_permalink(); ?>"><?php the_title(); ?> <------<span style="color:red">Click Here</span> </a>
</h2>

WordPress：需要从PHP文件更改文本颜色

5 个答案: