CSS样式的特定链接

方案：我创造了我工作的公司网站的过程。我需要遵循他们的视觉风格指南，以便为网站创建一个CSS文件。CSS样式的特定链接

问题：所有“更多”链接需要在11pt字体，而身体在12pt。有没有一种方法来指定，如果链接是“更多”，它将在11pt样式？

编辑：反正有没有做到这一点不使用类？取而代之的文字？

摘要：我需要风格的具体链接，但我不喜欢用类来设计它们的样式，也许文字呢？

2011-06-21 Gage

你说的更多的是什么意思？当然，你可以添加一个类和风格的方式？ –

你不能只给这些链接一个不同的类？ –

@汤姆·沃尔特斯，而不必给他们一个独立的类，有没有其他办法？我的意思是更多的是链接说“更多”（文字部分），它可以指向任何网页。 – Gage

HTML

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

CSS

body { 
    font-size: 12px; 
} 

a.more { 
    font-size: 11px; 
}

2011-06-21 16:33:26

指定多个链接的类。对于如...

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

在CSS：

使用..

body 
{ 
font-weight:13pt; 
} 
a.link 
{ 
font-weight:11pt; 
}

2011-06-21 16:34:03 Anish

我需要使用其他课程吗？希望整个使用一个CSS文件。 – Gage

在此case.No需要使用另一个类不同links.you可以使用单独的类。 – Anish

你能给这些链接CSS类？

所以，你可以使用类似：

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

就这样，你可以样式那些CSS线沿线的：

a.more-link { 
    font-size:11px; 
}

如果你不能做到这一点，那么我认为你可以编写一个小javascript程序来完成，并将任何这样的链接改为你想要的字体。这实际上很简单，但我认为这是一个丑陋的黑客攻击，特别是在较慢的机器上，您甚至可能会在最初看到默认字体出现，直到js运行并切换内容。

2011-06-21 16:36:49

没有对CSS通过这样的筛选内容的方式，但可以使用jQuery找到这个字“多”中的所有主持人和改变它的基础上认为：

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

不是一个CSS解决方案，但这几乎是你做你要求的唯一方法。 Example for you here。

2011-06-21 16:44:28 Kyle

，如果他有一个包含“传闻”一词的链接，它也会被更改。 AFAIK，他正在编写CSS和HTML，并且应该使用惯例（使用类）。 –

@尼克我完全同意，只是提供了另一种解决方案，因为他似乎不喜欢类增加/改变路线:) – Kyle

回答