如何为此代码添加css规则？

Question

问题是我不知道如何为“搜索example.com”文本应用css规则，更准确地说我不知道​​该怎么做，因为文本没有在标签之间关闭。

此代码由javascript（support.google.com）

生成

这是代码：

<div id="goog-wm">
  <div class="content">
    <h3 class="other-things"><b>Other things to try:</b></h3>
    <ul>
      <li class="search-goog"><script type="text/javascript"> a code here... </script> Search <b>example.com</b>:
        <form method="get" onsubmit="return ss(this)">
          <input type="text" value="blablabla" id="goog-wm-qt" name="q" size="40">
          <input type="submit" id="goog-wm-sb" value="Google Search">
        </form>
      </li>
    </ul>
  </div>
</div>

我想要做的是在搜索框和文本之间应用20px的边距......

我该怎么做？提前谢谢。

Answer 1

您可以在表单中应用20px上边距吗？

.search-goog form { margin-top: 20px; }

Answer 2

在li.search-goog元素的下一个表单上应用 20px保证金规则：

.search-goog > form {
    margin-top:20px;
}

Answer 3

这是怎么回事：

li.search-goog form { 
    margin-top: 20px;
}

Answer 4

#goog-wm .content ul li.search-goog {
 /* css here */
}

这应该允许您设置文本样式。然后，您可以从左到右开始删除声明，直到它停止工作....您可能只需要....

li.search-goog {
/* css here */
}

Answer 5

检查出来：

http://jsfiddle.net/w2nCn/1/