在CSS中构建引用类

Question

晚上好,

最近我一直试图进入HTML-CSS,只是为了熟悉它们.

现在,我想在我的HTML中加入一个引号,一个从我的机器每小时从着名引号数据库中解析一个引号.我已经准备好通过HTML阅读引文了,但是我想为它的CSS样式做一些编程.

我的想法是:

1. .dailyquote{}在CSS文件中创建一个类.
2. 在HTML中输入引号: <div class = "dailyquote"> Quote_text#Quote_Author</div>
3. 让CSS打印Quote_text直到它到达#,忽略#then,对于类内容的其余部分,为引用的作者做样式化的东西,例如float:right或更小的字体大小.HTML中的最小工作,一切都通过CSS完成.

问题是,我不知道如何在CSS中做任何这样的事情.作为程序员,我认为我至少需要一个循环结构和一个if()条件.

这样的事情是可能的还是我把CSS误认为是编程语言？也许我必须通过HTML工作？

Answer 1

这个标记对于报价而言是错误的.你应该使用类似的东西:

<blockquote>
<p>As my fellow HTML5 Doctor, Oli Studholme has showed, people seldom quote exactly 
– so sacrosanctity of the quoted text isn’t a useful ideal – and in print etc, 
citations almost always appear as part of the quotation – it’s highly conventional.</p>
<footer>
— <cite><a href="http://www.brucelawson.co.uk/2013/on-citing-quotations-again/">Bruce Lawson</a></cite>
</footer>
</blockquote>

来源:HTML 5医生

这样的事情是可能的

没有.

或者我把CSS误认为是编程语言？

你是.

您需要为您的内容生成适当的HTML,然后使用CSS来描述您希望它的显示方式.

一般来说,转换这类数据的最佳位置是在服务器上(使用服务器端编程语言).