我的网站上有一个要删除的标签。我网站上的一项功能似乎是添加标签。我想知道是否可以使用 CSS 删除标签？标签看起来像这样。

<p data-f-id="pbf" style="text-align: center; font-size: 14px; margin-top: 30px; opacity: 0.65; fon,html,css"/>
	














    

		

        

            
            时间戳
        

		

		

        
		

    
















	
首页  > 解决方案 > 如何隐藏


我的网站上有一个要删除的标签。我网站上的一项功能似乎是添加标签。我想知道是否可以使用 CSS 删除标签？标签看起来像这样。


<p data-f-id="pbf" style="text-align: center; font-size: 14px; margin-top: 30px; opacity: 0.65; fon












html - 如何隐藏


我的网站上有一个要删除的标签。我网站上的一项功能似乎是添加标签。我想知道是否可以使用 CSS 删除标签？标签看起来像这样。


<p data-f-id="pbf" style="text-align: center; font-size: 14px; margin-top: 30px; opacity: 0.65; fon






问题描述



我的网站上有一个要删除的标签。我网站上的一项功能似乎是添加标签。我想知道是否可以使用 CSS 删除标签？标签看起来像这样。


<p data-f-id="pbf" style="text-align: center; font-size: 14px; margin-top: 30px; opacity: 0.65; font-family: sans-serif;">…&lt;/p>



我只是不确定如何删除它，因为它没有 ID 或类。









你可以通过CSS attr selector来做到这一点。

请检查CSS attr 选择器。






p[data-f-id="pbf"] {
  display: none !important;
}


<p data-f-id="pbf" style="text-align: center; font-size: 14px; margin-top: 30px; opacity: 0.65; font-family: sans-serif;">I won't appear.</p>








标签： htmlcss


解决方案









只需在网络上的某个地方编写此 javascript 并完成。此代码将删除第一个p[data-f-id="pbf"]元素。


document.querySelectorAll('p[data-f-id="pbf"]')[0].remove();



或者，如果您有多个元素，则可以删除所有元素：


let pbfelements = document.querySelectorAll('p[data-f-id="pbf"]');

pbfelements.forEach(function(elem) {
   elem.remove();
});



remove() 函数 Javascript


querySelectorAll() 函数 Javascript










推荐阅读