在css中,empty选择器主要用于设置内容为空的元素样式。下面小编举例讲解css淘篱跬翎中empty选择器有什么作用。
工具/原料
联想笔记本Air14
操作系统Windows10
zendstudio10.0
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解css中empty选择器有什么作用。
2、在test.html文件中,使用p标签创建多行文字,并将其中一个p标签内容设置为空。
3、在css标签内,使用empty选择器设置内容为空的p标签的样式,例如,设置宽度为1廴类锾渭00px,高度为20px,背景色为红色。
4、在浏览器打开test.html文件,查看结果。