Question

在Wordpress中使用Jetpack尝试设置最后一个框或输入类型的样式。

我试过了：

#subscribe-submit > input[type="submit"]::last-of-type {
#subscribe-submit > input[type="submit"]:nth-child(6)

还有什么可能有效吗？

以下是代码

<p id="subscribe-submit">
    <input type="hidden" name="action" value="subscribe">
    <input type="hidden" name="source" value="/">
    <input type="hidden" name="sub-type" value="widget">
    <input type="hidden" name="redirect_fragment" value="blog_subscription-2">
    <input type="hidden" id="_wpnonce" name="_wpnonce" value="8e7bd4e874">                      
    <input type="submit" value="SUBMIT" name="jetpack_subscriptions_widget">
</p>

Answer 1

您可以使用input[name="jetpack_subscriptions_widget"]标记它，如下所示：

#subscribe-submit > input[name="jetpack_subscriptions_widget"] {padding:50px;}

<p id="subscribe-submit">
  <input type="hidden" name="action" value="subscribe">
  <input type="hidden" name="source" value="http://mvcframe.com/stockley/events/">
  <input type="hidden" name="sub-type" value="widget">
  <input type="hidden" name="redirect_fragment" value="blog_subscription-2">
  <input type="hidden" id="_wpnonce" name="_wpnonce" value="8e7bd4e874">
  <input type="submit" value="SUBMIT" name="jetpack_subscriptions_widget">
</p>

Answer 2

您可以使用此代码选择最后一个输入元素：

#subscribe-submit > input[type="submit"]:last-child{
    color: green;
}

Demo

<强>更新

要使用任何类型的最后一个元素，请使用：

#subscribe-submit > :last-child{ ...

Answer 3

你可以使用以下css：

#subscribe-submit input[type="submit"]:last-child
{ color: green; }

在div中定位输入类型＃

3 个答案: