Question

您好我想将 font-size 应用于告诉我们如何改进网站，而不想应用默认 font-size 为整个网站添加正文标记。
如果我将css应用于表单#contact ，那么它适用于所有表单的元素
我想要类似的东西这个形式#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

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

您有几个选择：

在表单元素

font-size

将您的文字添加到<p>标记等HTML元素中。

在您的情况下，最好使用<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 */
}

Answer 2

将其保留在段落标记中并设置样式。

Answer 3

你要找的东西不存在。使用SPAN标记环绕文本

Answer 4

为什么不在div中放置“告诉我们如何改进网站”并为其提供类或ID，然后在CSS中应用字体大小。

Answer 5

注意：从未见过没有jQuery：P Gutted。

不幸的是我似乎无法评论，所以觉得我在偷别人的答案

查看此帖子 - Using .text() to retrieve only text not nested in child tags ＃

在一些性感的jQuery中爆炸，这段代码不会做你想要的但它只检索不在儿童中的文本！

    $(document).ready(function(){
     var $tmp = $('#listItem').children().remove();
     $('#listItem').text('').append($tmp);
});

编辑：在这个答案中添加更多内容currnyl摆弄我的Js';）

好的：）

享受代码

http://jsfiddle.net/G7kvH/

    $(document).ready(function(){
    $('#listItem').children().css("color","red");

});


<div id='listItem'>
    ewrt
    ert
    ert
    ert
    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>

    ert
    ert
    ert
    ert


    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>
    <div>sfdsfsdf</div>
</div>

将css应用于不在任何标记中的文本

5 个答案: