Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 超链接格式/颜色问题_Html_Css - Fatal编程技术网

Html 超链接格式/颜色问题

Html 超链接格式/颜色问题,html,css,Html,Css,我正在尝试更改特定页面上超链接的颜色。由于背景颜色不同,我需要更改超链接的颜色。否则,它将不可见 我已经设置了一个名为.howtojoin的css类 我已经添加到子主题css样式表中,但它不起作用。我做错了什么 CSS a.howtojoin:link {color:#ffffff;} a.howtojoin:visited {color:#cccccc;} a.howtojoin:hover {color:#ffcc00;} HTML <div class="et_pb_text et

我正在尝试更改特定页面上超链接的颜色。由于背景颜色不同,我需要更改超链接的颜色。否则,它将不可见

我已经设置了一个名为.howtojoin的css类

我已经添加到子主题css样式表中,但它不起作用。我做错了什么

CSS

a.howtojoin:link {color:#ffffff;}
a.howtojoin:visited {color:#cccccc;}
a.howtojoin:hover {color:#ffcc00;}
HTML

<div class="et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left howtojoin et_pb_text_1">

<p>An Exisiting Rotarian? Thinking of Transferring? Too Busy to attend a more traditional club? Work getting in the way? Attend the weekly online meetings from the comfort of your home or wherever suits. Discuss and exchange ideas with others on our forums. If time is limited but you still want to serve our e-Club is for you.</p>
<p>If you are an existing Rotarian and want makeup your hours by attending our online meetings. Contact us (below) and for no charge* you can join one of our online meetings for your <a href="http://www.e-rotaryofwalesandwest.org/about/e-makeup/">Rotary e-Makeup</a>. That's the beauty of an online Rotary e-Club!</p>
<p>*Subject to change.</p>

</div>

现有的扶轮社员?想转学吗?太忙而不能参加更传统的俱乐部?工作妨碍了你?在舒适的家里或任何合适的地方参加每周的在线会议。在我们的论坛上与他人讨论和交流想法。如果时间有限,但您仍想为我们的电子俱乐部服务,我们将为您服务

如果您是现有的扶轮社员,并且希望通过参加我们的在线会议来弥补您的工作时间。请与我们联系(如下),免费*您可以参加我们的在线会议。这就是在线扶轮电子俱乐部的美妙之处

*可能会有变化

为我辩护,我一直在youtube等网站上进行研究和搜索,但仍然没有人知道这一点。所以,作为最后的手段,我要请你们这里的专家。我不是那种只问所有问题而不先自己解决的人

干杯

克里斯托夫将CSS更改为:

.howtojoin a:link {color:#ffffff;}
.howtojoin a:visited {color:#cccccc;}
.howtojoin a:hover {color:#ffcc00;}
遇到的第一个选择器是.howtojoin,然后链接(a)开始起作用。

将CSS更改为:

.howtojoin a:link {color:#ffffff;}
.howtojoin a:visited {color:#cccccc;}
.howtojoin a:hover {color:#ffcc00;}

遇到的第一个选择器是.howtojoin,然后链接(a)开始起作用。

您可以做的最好的事情是向特定页面添加一个类,如:(或者只需将该类添加到您的body标记中)

现在,您首先将目标锁定在“页面”上,然后告诉浏览器查找找到的每个“p”标记。然后以所有“a”标记为目标应用CSS规则

如果在“p”标记中以“a”标记为目标并不重要,并且您希望将规则应用于页面中的所有“a”标记,只需从CSS选择器中删除“p”即可,如下所示:

.how-to-join a:visited {text-transform:none;color:#cccccc}
你的代码:
a.howtojoin:link{color:#ffffff;}


可以这样理解(用简单的英语):找到所有包含类“howtojoin”的“a”标记,这可能不是您想要的。

您可以做的最好的事情是在特定页面中添加一个类,如:(或者简单地将该类添加到您的body标记中)

现在,您首先将目标锁定在“页面”上,然后告诉浏览器查找找到的每个“p”标记。然后以所有“a”标记为目标应用CSS规则

如果在“p”标记中以“a”标记为目标并不重要,并且您希望将规则应用于页面中的所有“a”标记,只需从CSS选择器中删除“p”即可,如下所示:

.how-to-join a:visited {text-transform:none;color:#cccccc}
你的代码:
a.howtojoin:link{color:#ffffff;}


解释如下(用简单的英语):查找所有具有类“howtojoin”的“a”标记,这可能不是您想要的。

您可能需要使用OP gave的颜色更新此标记您可能需要使用OP提供的颜色更新此标记