CSS中如何运用only-child选择元素

 时间:2026-04-23 17:48:12

1、打开Pycharm软件,在body区域中我们准备如下图所得元素内容

CSS中如何运用only-child选择元素

2、然后我们给body中的div元素添加一些样式,如下图所示

CSS中如何运用only-child选择元素

3、接下来我们就运用only-child元素对元素进行筛选,如下图所示

CSS中如何运用only-child选择元素

4、但是我们来看一下body区域中的元素结构,你会发现div中有h3和p两个元素,如下图所示

CSS中如何运用only-child选择元素

5、所以运行界面的时候你就会发现所写的only-child并没有起作用,如下图所示

CSS中如何运用only-child选择元素

6、所以我们需要把div中的p元素给去掉,在运行就有样式了,如下图所示

CSS中如何运用only-child选择元素

7、综上所述,only-child只支持那些只有一个子元素的结构,如果包含多个子元素,那么是不会起作用的

  • 女人该找什么样的男人做终身伴侣?
  • 2022年护士执业资格考试怎么报名
  • 我的盐城如何查询工程建设项目
  • 如何根据内经病机十九条来认识一般病症
  • 无损音频FLAC格式音乐怎么转换成MP3格式
  • 热门搜索
    小狗拉肚子了怎么办 孕妇被蚊子咬了怎么办 高血压低压高怎么办 作业没写完怎么办 怎么注册支付宝 新陈代谢慢怎么办 高原红怎么去除 天龙八部怎么赚钱 苏宁金融怎么样 鼻炎怎么治疗效果好