html – 设置在div之后的p标签(div不是p的父级)

概述这可能看起来很愚蠢..我想给p标签赋予样式,该标签位于某个div之后(div不是p标签的父节点).例如 <div>Hai</div><p>Hello</p><p>How are you?</p> 在这里,我想给p标签赋予样式.我不能把这些p标签放在另一个div中.我想给所有的p标签后跟div相同的样式.而且我也不能普遍给p标签的样式,因为它会影响其他页面.有人可以帮忙吗？希望我对我的问题很清楚 这可能看起来很愚蠢..我想给p标签赋予样式,该标签位于某个div之后(div不是p标签的父节点).例如

<div>Hai</div><p>Hello</p><p>How are you?</p>

在这里,我想给p标签赋予样式.我不能把这些p标签放在另一个div中.我想给所有的p标签后跟div相同的样式.而且我也不能普遍给p标签的样式,因为它会影响其他页面.有人可以帮忙吗？希望我对我的问题很清楚……

解决方法 你必须使用一般兄弟选择器：

div ~ p {    color: red;}

看到这个Jsfiddle：http://jsfiddle.net/yvdN6/4/.

你可以看到doc：

The elements don’t have to be adjacent siblings,but they have to have the same parent,and the div element has to occur before the p element in the document source.

总结

以上是内存溢出为你收集整理的html – 设置在div之后的p标签(div不是p的父级)全部内容，希望文章能够帮你解决html – 设置在div之后的p标签(div不是p的父级)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。