如何用CSS隐藏title属性？

Question

我正在使用Wordpress网站，我修改了主菜单，将徽标放在中心，链接到主页。我使用<span>来实现这一目标。我给它一个home的title属性，这样当响应式菜单以767px开始时，它会显示Home而不是空白。直到达到该断点，我希望它不显示，所以它只显示徽标。我找不到合适的CSS

您可以在此处查看http://s513195336.onlinehome.us/

页面

这是我正在尝试使用的CSS

ul#menu-main-menu li#menu-item-3377 a title{ display:none }

我觉得我很接近，因为如果删除标题，菜单项就会消失。

Answer 1

浏览器检查器很容易找到。我更喜欢Chrome。右键单击要检查的项目，并确保您具有正确的标记。您将在检查器中看到该项目的css。如果您将该部分悬停在项目检查的右上角部分，则会出现一个标题，其中包含根目录中的确切地址。

使用FTP进行更改或c-Panel

Answer 2

您需要做的是创建两个元素，一个包含标题，另一个没有，并使用媒体查询显示或隐藏所需的元素。意思是，在767px，没有title属性的元素将被设置为display：none，而具有title的元素将被设置为display：block（或者是其他），而对于超过767px则相反。有意义吗？