2015-11-20 67 views
1

我正在尝试为大学作业创建打印CSS文件。我的CSS的一部分是:CSS内容attr href不会验证

#footerRight a:after { content: " (" attr(href) ") ";} 

在页面上它工作正常。肯定会打印它应该在的href。但是CSS不会验证。错误,我得到的是:

#footerRight a:after Parse Error attr(href) ")"; 
#footerRight a:after Parse Error } 

我也尝试了::和[HREF]:一对夫妇的博客文章中,我发现建议,但仍不会验证。

任何想法?对于初学者级别的问题感到抱歉。

杰克逊

回答

2

尝试以下操作:

#footerRight a:after { 
    content: attr(href) " "; 
} 
+0

我无法得到这个验证。我得到的错误:#footerRight a:\t后值错误:内容解析错误attr(href)“” –

+0

@JacksonMeyn https://github.com/w3c/css-validator/issues/24 –

+0

好吧,谢谢你。如果是这种情况,我不妨将CSS放在我的OP格式中,并显示我的导师链接,并在评分时请他轻松点我。 –

0

你需要在里面使用单引号:

#footerRight a:after { content: " (' attr(href) ') ";} 
+0

这验证,但然后('attr(href)')显示,而不是链接的URL –

1

你需要围绕用单引号括号:

#footerRight a:after { content: " '(' attr(href) ') '";} 

有同样的问题。它把我带到这里,但没有任何答案能解决我的问题。这对我有效。

外围的""围绕什么将是“内容”。 ''用于声明要在页面上显示的文本。

通过在括号内围绕括号''您是在说这些字符串是连接到attr(href)

注意,在') '后的最终单引号)可以,如果你要排除的括号后的空间中移动到左边一个空间。