Question

晚上好，

最近我一直试图进入HTML-CSS，只是为了让他们熟悉它们。

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

我的想法是：

在CSS文件中创建一个.dailyquote{}类。
在HTML中输入引号： <div class = "dailyquote"> Quote_text#Quote_Author</div>
让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 Doctor

有可能吗

没有

还是我误以为CSS是一种编程语言？

你是。

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

一般来说，转换这类数据的最佳位置是在服务器上（使用服务器端编程语言）。

Answer 2

CSS实际上并不是一种编程语言，并且没有循环的概念。

我首先更改HTML：使用<blockquote class="dailyquote">代替div并将作者放入<cite>元素。然后相应的风格。见http://html5doctor.com/cite-and-blockquote-reloaded/

<blockquote class="dailyquote">
    Duis sapien est, consequat nec ultrices quis, rhoncus id diam. Donec ac massa libero.
    <footer><cite>The Author</cite></footer>
</blockquote>

然后相应地设置样式，例如

.dailyquote {
    color: red;
}
    .dailyquote cite {
        display: block;
        color: aqua;
    }

在CSS中构建引用类

2 个答案: