嘿，这个问题我太熟悉了！平时调CSS天天跟Chrome DevTools打交道，给你说几个靠谱的方法：

方法1：Elements面板右键复制（最常用） #

1. 在Elements面板里精准选中你要复制选择器的元素（就是你图里的section#home.l...对应的那一行标签）
2. 右键点击这一行的元素标签（比如<section id="home" class="...">这整行），在弹出的菜单里找到 Copy -> Copy selector，直接就能把完整的层级选择器复制到剪贴板了。

   要是右键没反应，大概率是你点错了位置——别点到Styles面板的样式代码，也别点到Elements面板里的文本内容，一定要点在元素标签那一行上！

方法2：直接选中顶部的选择器文本复制 #

当你在Elements面板选中元素后，面板顶部会显示当前元素的简洁选择器（就是你说的section#home.l...那种），直接双击这个选择器文本，就能全选它，然后按Ctrl+C（Windows/Linux）或Cmd+C（Mac）复制就行，比右键更快捷。

方法3：从Styles面板复制选择器 #

打开Styles面板，找到当前元素对应的样式规则（最上面的通常是元素本身的规则），规则开头就是你要的选择器，双击选择器文本全选，再复制就搞定了。

要是还是遇到问题，试试刷新一下DevTools（按F5刷新面板），偶尔DevTools抽风重启下就好～

内容的提问来源于stack exchange，提问作者ncesar