如何根据HTML的title属性隐藏元素？我的CSS代码无效求正确写法

你的基础选择器写法本身是正确的，没生效大概率是优先级被其他CSS规则覆盖，或者浏览器缓存导致样式没更新。下面是几种可行的写法：

• 基础标准写法（CSS支持单/双引号，无特殊字符时也可省略引号，只要和属性值完全匹配即可）：

[title="View all posts"] {
    display: none;
}

• 提高优先级，避免被其他规则覆盖（指定元素类型，进一步缩小选择范围）：

a[title="View all posts"] {
    display: none;
}

• 应急强制生效（仅在其他方法无效时使用，不推荐滥用）：

[title="View all posts"] {
    display: none !important;
}

另外可以打开浏览器开发者工具（F12），查看该元素的样式面板，确认display: none是否被划掉，排查是否有更高优先级的规则（比如ID选择器、内联样式）在起作用。

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