php - 将 css 应用于不在任何标签中的文本

Question

您好，我想应用 font-size 来告诉我们如何改进网站: 并且不想应用默认的font-size为整个网站添加 body 标签。
如果我将 css 应用到 form#contact 以便它应用于所有表单的元素
我想要类似的东西这个 form#contact(文本的一些神奇属性){ font-size: 16px;
注意:不能用jquery

<form id="contact" method="post" accept-charset="UTF-8" action="/feedback">
    Tell us how we can improve site:
    <div id="edit-name-wrapper" class="form-item">
    <label for="edit-name">Your name: </label>
    <input type="text" value="" size="60" id="edit-name" name="name" maxlength="255">
    </div>
</form>

Answer 1

选择文本没有神奇的属性。

您有几个选择:

1. 添加font-size在表单元素上
2. 将您的文本放入 HTML 元素中，例如 <p>标签。

在您的情况下，使用 <fieldset> 可能会更好而不是那个 <div>元素，然后你可以使用 <legend>对于“告诉我们如何改进网站”字符串。

您的代码将如下所示:

<form id="contact" method="post" accept-charset="UTF-8" action="/feedback">
    <fieldset id="edit-name-wrapper" class="form-item">
        <legend>Tell us how we can improve site:</legend>
        <label for="edit-name">Your name: </label>
        <input type="text" value="" size="60" id="edit-name" name="name" maxlength="255">
    </fieldset>
</form>

但是，如果您无法向现有 HTML 添加元素，您可以在 CSS 中执行以下操作:

form#contact {
    font-size: 24px; /* makes all text within form 24 pixels */
}
form#contact label,
form#contact input {
    font-size: 12px; /* makes input and label text 12 pixels */
}