没有class/id的父元素的CSS

7 浏览
0 Comments

没有class/id的父元素的CSS

我有以下内容:\n

\n我想要给没有id和class的“p”标签添加样式,但又不想影响其他的“p”标签。我的“p”标签有一个带有id(#captcha_code)的子元素。我猜,如果我能给#captcha_code的父元素添加样式,就不会影响其他元素...但我不知道该如何做到...

0
0 Comments

问题:如何为没有类或ID的父元素设置样式?

在CSS中,要为没有类或ID的父元素设置样式,可以使用以下方法:

p > input {
  // 样式设置
}

这样,样式将应用于``input``元素的父元素。

然而,上述代码将为所有的``p``元素设置样式,而不仅仅是``input``元素的父元素。如果只想为具有``id``为``captcha_code``的``input``元素的父元素设置样式,可以使用以下代码:

#captcha_code > input {
  // 样式设置
}

这样,样式将仅应用于具有``id``为``captcha_code``的``input``元素的父元素。

在之前的回答中,提到了使用``p > input``来选择``p``元素的直接子元素``input``,但这并不是选择父元素的方法。这是一个错误的表述。

希望以上解答能帮助到你。

0
0 Comments

css中没有提供一种针对父元素而不使用class/id的选择器,这是无法实现的。与子选择器(>)不同,css中没有父选择器(<)的存在,而且很可能永远都不会有。

如果想了解更多相关信息,请参考这篇文章:[CSS Tricks](http://css-tricks.com/parent-selectors-in-css/)。

虽然有人声称可以使用某种方法实现父元素选择器,但实际上他们使用的是子选择器,而不是父选择器。所以,很抱歉,这是无法实现的。

0
0 Comments

目前还没有一种方法可以根据元素是否包含特定的子元素来进行样式设置。在你的情况下,我认为最好的方法是对<p>应用以下样式:

#commentform p:not([class]){
}

在HTML中关闭段落标签是不完全必要的,但它会让代码更易读。此外,在HTML中不应为添加闭合标签:

<form id="commentform">
    <p class="class1"></p>
    <p class="class2"></p>
    <p>
        <input id="captcha_code">
    </p>
</form>

JSFiddle

实际上,在HTML5中并不总是需要关闭

元素,在HTML4.01中它是可选的,尽管我总是觉得关闭标签更安全。

参考:w3.org/html/wg/drafts/html/master/…

奇怪的是,在HTML中你不被允许有闭合的标签。

谢谢。有趣的是,我分享的回答是你写的,我甚至没有意识到。

哈哈。我都忘了我写过那个回答。

你好,非常感谢,它有效了!只是为了美观和易于理解,我在我的HTML中关闭了标签,我没有添加闭合标签。

0