Question

我有一个叫做引文的课，我正在申请一些东西..

.Citation
{ 
    font-size:16px; 
    color:green; 
    text-decoration: none; 
    font-weight:600; 
    font-family:georgia, times new roman; 


}

主要是我想要做的是改变这个类的超链接样式，因为这是它应用的内容。我希望能够将类应用于某些超链接，例如：

<span class="Citation"> <a href="www.google.com">yatayatayata</a></span></span>

我试过这种方式

.Citation
{ 


    a {textd-ecoration:none }


}

这样

a.Citation 
{ 

    font-size:16px; 
    color:green; 
    text-decoration: none; 
    font-weight:600; 
    font-family:georgia, times new roman;


}

它们都不起作用所以请帮帮我吗？

Answer 1

您需要将类Citation放在要应用的链接上：

<a class="Citation" href='http:www.google.com'>link</a>

Answer 2

您尝试的正确css选择器是：

.Citation a {
    /* stuff here */
}

这将选择带有类.Citation的标记中的所有锚标记。

您也可以使用直接后代选择器：

.Citation > a {
    /* stuff here */
}

当然@William Seiti Mizuta的答案是另一种方法，就你必须使用的标记来说更简单一点。

Answer 3

a.Citation{
    font-size:16px; 
    color:green; 
    text-decoration: none; 
    font-weight:600; 
    font-family:georgia, times new roman; 
}

<a href="google.com" class="Citation">Style Applied</a>

<a href="yahoo.com">Style not applied</a>

如何仅在某个类中更改链接属性？

3 个答案: