Css 为什么a：在被强调之前

如何删除下面的下划线“-”号？我只希望文本在悬停处加下划线，而不是“-”

非常感谢

HTML

<ul class="menu">
    <li>
      <a href="#">Commercial Property Management</a>
         <ul>
            <li>
               <a href="#">Industrial</a>
             </li>
              <li>
                 <a href="#">Office</a>
               </li>
                  <li>
                    <a href="#">Retail</a>
                   </li>
              <li>
                        <a href="#">Shopping Centres</a>
                    </li>
                    </ul>
                     </li>
                    <li>
                        <a href="#">Mixed-Use Residential Property Management</a>
                    </li>
                </ul>

四年后编辑：这个答案几乎是一个低质量的复制品。我建议去那里，得到一个真实的解释

尝试给它

显示：内联块：

ul.menu li li a:before {
    content: "-";
    margin-right: 8px;
    display:inline-block;
}


四年后编辑：这个答案几乎是一个低质量的复制品。我建议去那里，得到一个真实的解释

尝试给它
显示：内联块：

ul.menu li li a:before {
    content: "-";
    margin-right: 8px;
    display:inline-block;
}

的内容
：在
选择器在元素内创建伪元素时计数到
标记之前

添加
显示：内联块的定义来解决此问题。
的内容
：在
之前，选择器被计数到
中，因为它在元素中创建了一个伪元素

添加
显示：内联块到定义以解决此问题。
是否尝试设置文本装饰：无；对于a:before？因为：before伪元素添加在
a
的内容“before”之前，而不是在
a
标记前面，所以我尝试了a:before。它不起作用。因为即使它在
之前被称为
，它实际上被插入到
a
中，因此继承了父项的设置。From MDN-：：在创建伪元素之前，该伪元素是尝试设置文本装饰的元素matchedId的第一个子元素：none；对于a:before？因为：before伪元素添加在
a
的内容“before”之前，而不是在
a
标记前面，所以我尝试了a:before。它不起作用。因为即使它在
之前被称为

，它实际上被插入到

a

中，因此继承了父项的设置。From MDN-：：before创建一个伪元素，该元素是匹配的display:inline块的第一个子元素。伟大的非常感谢。显示：内联块完成了任务。伟大的非常感谢。