css选择器
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css选择器相关的知识，希望对你有一定的参考价值。
后代选择器
div p div里的所有后代元素
子元素选择器
div>p div里的所有p子元素，p可以多个但必须是子元素
相邻后兄弟选择器
div+p div后紧跟的那一个元素p。1p和div必须同父元素，2p必须紧跟div。
普通兄弟选择器选择器
所有 <div> 元素的所有相邻兄弟元素 <p> 1.p可以不紧跟div 2.p和div必须同父元素.demo如下:
<!DOCTYPE html> <html> <head> <style> div~p { background-color:yellow; } </style> </head> <body> <div> <p>段落 1。 在 div 中。</p> <p>段落 2。 在 div 中。</p> </div> <h1>段落 4。不在 div 中。</h1> <p>段落 3。不在 div 中。</p> <h1>段落 4。不在 div 中。</h1> <div> <p>段落 4。不在 div 中。</p></div> </body> </html>
以上是关于css选择器的主要内容，如果未能解决你的问题，请参考以下文章