这篇文章主要介绍了css子元素选择器怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

　　css子元素选择器

　　说明：

　　子元素选择器只能选择作为元素子元素（亲儿子）的元素。

　　其写法就是把父级标签写在前面，子级标签写在后面，中间用>进行连接

　　语法：

.class>h4{color:red;font-size:16px}

　　注意：子元素指的是亲儿子，不包含孙子，重孙之类

　　比如:

demo>h4{color:red;}

　　h4一定是demo的亲儿子，demo包含h4

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><style>div>span{display:block;color:green;font-size:19px;line-height:50px;}</style></head><body><div><p><span>技术岗三大境界</span></p></div><div><span>昨夜西风凋碧树,独上高楼,望尽天涯路</span><span>衣带渐宽终不悔,为伊消得人憔悴</span><span>众里寻他千百度,回头蓦见,那人正在灯火阑珊处</span></div></body></html>

感谢你能够认真阅读完这篇文章，希望小编分享的“css子元素选择器怎么用”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!