Html CSS样式一个特定的链接

Html CSS样式一个特定的链接,html,css,text,hyperlink,Html,Css,Text,Hyperlink,场景:我正在为我工作的公司创建一个网站。我需要遵循他们的视觉风格指南,所以我要为网站创建一个CSS文件 问题:所有“更多”链接都需要采用11号字体,而正文则采用12号字体。是否有一种方法可以指定如果链接是“更多”的,那么它将在11pt中设置样式 编辑:是否仍然可以不使用类来执行此操作?而是基于文本 摘要:我需要设置特定链接的样式,但我不想使用类来设置它们的样式,可能是文本?

场景:我正在为我工作的公司创建一个网站。我需要遵循他们的视觉风格指南,所以我要为网站创建一个CSS文件

问题:所有“更多”链接都需要采用11号字体,而正文则采用12号字体。是否有一种方法可以指定如果链接是“更多”的,那么它将在11pt中设置样式

编辑:是否仍然可以不使用类来执行此操作?而是基于文本

摘要:我需要设置特定链接的样式,但我不想使用类来设置它们的样式,可能是文本?

<a href="whatever.html" class="more">More</a>
HTML


为更多链接指定一个类。 例如

<a href="#" class="link">more</a>

为更多链接指定一个类。 例如

<a href="#" class="link">more</a>
“你能给那些链接提供CSS类吗?”

因此,您可以使用以下内容:

<a class="more-link" href="http://clownlovers.com">MORE</a>
如果你不能做到这一点,那么我认为你可以编写一个小的javascript程序来完成,并将任何这样的链接更改为你想要的字体。这是一种最小的实现,但我认为这是一个丑陋的黑客行为,特别是在速度较慢的机器上,你甚至可能在js运行和转换之前看到默认字体出现。

你能给那些链接提供CSS类吗

因此,您可以使用以下内容:

<a class="more-link" href="http://clownlovers.com">MORE</a>

如果你不能做到这一点,那么我认为你可以编写一个小的javascript程序来完成,并将任何这样的链接更改为你想要的字体。这是一种最小的实现,但我认为这是一个丑陋的黑客行为,特别是在速度较慢的机器上,在js运行和转换内容之前,您甚至可能会看到默认字体出现。

CSS没有办法筛选这样的内容,但可以使用jQuery查找所有包含“更多”一词的锚定并在此基础上进行更改:

$("a:contains('more')").css("font-size", "11pt");

虽然不是CSS解决方案,但这几乎是实现您要求的唯一方法

CSS没有办法筛选这样的内容,但可以使用jQuery查找所有包含“更多”一词的锚,并根据这些内容进行更改:

$("a:contains('more')").css("font-size", "11pt");


虽然不是CSS解决方案,但这几乎是实现您要求的唯一方法

“你能不能给这些链接一个不同的类?”汤姆·沃尔特斯,不必给它们一个单独的类,还有别的方法吗?我所说的“更多”是指链接上写着“更多”(文本部分),它可以指向任何网页。@Gage,这个类与href(它指向的地方)无关。在现代web创建中,我们使用类来分隔相似的事物。如果你也在为网页制作html,那么在你需要样式化的锚中添加一个类并不难。@Nick Radford,K感谢你的输入。对使用css还比较陌生,不知道通常是怎么做的。我只会将类添加到每个链接中。@Gage,我通常不喜欢让人们参考它,但请查看它是一个/好的/信息集,也很容易理解。你能不能不给这些链接一个不同的类?@Tom Walters,不必给它们一个单独的类,还有其他方法吗?我所说的“更多”是指链接上写着“更多”(文本部分),它可以指向任何网页。@Gage,这个类与href(它指向的地方)无关。在现代web创建中,我们使用类来分隔相似的事物。如果你也在为网页制作html,那么在你需要样式化的锚中添加一个类并不难。@Nick Radford,K感谢你的输入。对使用css还比较陌生,不知道通常是怎么做的。我只想把这个类添加到每个链接中。@Gage,我通常不喜欢让人们参考它,但请查看它是一个/好的/信息集,而且也很容易理解。我必须使用另一个类吗?希望在整个过程中使用一个css文件。在这种情况下,不需要为不同的链接使用其他类。您可以使用单个类。我必须使用其他类吗?希望在整个过程中使用一个css文件。在这种情况下,不需要为不同的链接使用另一个类。您可以使用单个类。如果他有一个包含“传闻”一词的链接,它也将被更改。好了,他正在写css和html,应该使用现有的约定(使用类)。@Nick我完全同意,他只是提供了另一个解决方案,因为他似乎不喜欢类添加/更改路径:),如果他有一个包含“传闻”一词的链接,它也会被更改。好了,他正在写css和html,应该使用现有的约定(使用类)。@Nick我完全同意,他只是提供了另一个解决方案,因为他似乎不喜欢类添加/更改路径:)