如何为此代码添加 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 margin 规则：

.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 */
}