首页 > 其他分享 >CSS 设置什么样式都不起作用,显示注入的样式表(因 AdBlock)

CSS 设置什么样式都不起作用,显示注入的样式表(因 AdBlock)

时间:2023-06-30 13:12:20浏览次数:40  
标签:浏览器 不起作用 AdBlock 样式表 设置 CSS 注入

注入的样式表

如上图所示,我的 div 设置什么样式都不起作用,原来是被一个不知道哪里来的注入的样式表给设置了 none,而且还是 !important

这是因为浏览器的扩展 AdBlock 会想浏览器注入一个样式表,隐藏 ad- 开头的类名元素,并且还是高于 !important 权重的样式表。所以,有些浏览器没安装 AdBlock 扩展的就正常,安了的就不正常。

我类名又刚好起了一个 ad 开头的,太巧合了,问题还真不一定能找得到。

标签:浏览器,不起作用,AdBlock,样式表,设置,CSS,注入
From: https://www.cnblogs.com/Himmelbleu/p/17516438.html

相关文章

  • css样式
    CSS(CascadingStyleSheets)用于为HTML元素添加样式和布局。以下是一些常见的CSS样式和属性示例:设置文本样式:cssCopycodeh1{color:blue;/*设置文本颜色为蓝色*/font-size:24px;/*设置字体大小为24像素*/font-family:Arial,sans-serif;/*设置字体为Arial......
  • ionic LoadingController 使用cssClass改变加载样式
    以改变加载框的图表颜色和字体颜色为例在主题文件variables.scss中设置LoadingController需要改变的样式class以下使用主题颜色为加载框的图表颜色和字体颜色(当主题更改时随之改变)//加载框全局样式ion-loading.custom-loading{.loading-wrapper{--spinner-......
  • CSS颜色格式
    在CSS中,有多种常用的颜色格式可用于设置元素的颜色。以下是一些常见的颜色格式:十六进制颜色码(HexadecimalColorCodes):使用6位十六进制值来表示颜色,前两位表示红色(00-FF),中间两位表示绿色(00-FF),最后两位表示蓝色(00-FF)。例如,红色可以表示为#FF0000,绿色可以表示为#00FF00,蓝色可以表......
  • 前端知识点整理(二)——css
    一、基本用法1、css语法<head> <style> 选择器{ 属性名:属性值; 属性名:属性值; } </style></head>选择器:要修饰的对象(东西)属性名:修饰对象的哪一个属性(样式)属性值:样式的取值<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8&qu......
  • CSS(一)CSS引入方式
    内联样式在html标签内使用属性style,style属性可以包含任何css属性。直观但不利于维护,不推荐<pstyle="font-size:medium;">css内联样式</p>内部样式在html文件头部声明样式,是这个HTML文件都可以使用,但是不能作用于其他HTML文件<head>  <title>Document</title>  <......
  • CSS基础-背景
    背景background-color背景颜色,可以使用十六进制、rgb、rgba表示。语法/**selector背景元素的原则去*//**color背景颜色的值,可以是颜色名称、十六进制值、RGB、RGBA*/selector{background-color:color;}示例/**设置body标签背景为白色*/body{backg......
  • 初入前端-CSS(1)
    CSSCSS介绍CSS(CascadingStyleSheets)是一种用于描述网页样式和布局的样式表语言。它与HTML配合使用,用于控制网页中元素的外观和排版。CSS样式由选择器和声明块组成。选择器指定要应用样式的HTML元素,而声明块包含一个或多个属性-值对,定义元素的样式。下面是一个基本的......
  • 初入前端-CSS(2)
    盒模型盒模型(BoxModel)是CSS中用于布局和定位元素的基本概念之一。它描述了一个元素在页面中所占据的空间,并定义了元素的内容、内边距、边框和外边距之间的关系。盒模型由以下四个部分组成:内容区域(Content):指的是元素的实际内容,例如文本、图像等。内边距(Padding):内边距是围......
  • 通过CSS样式缩放图片导致图片模糊的解决方案
    在进行前端页面开发的过程中,通过使用CSS对图片进行等比例缩放,存在会使图片失真的情形。这种情况有点违反我们的通常认知,毕竟放大图片会使图片失真这很正常,但是缩小图片通常应该会使图片变清晰才对。目前我查找了很多资料都还没发现哪篇文章有深入分析其中的原理,姑且认为这是浏览器......
  • css实现空心三角形
    <divclass="triangle"></div>.triangle{width:0;height:0;border-style:solid;border-width:08px15px;border-color:transparenttransparent#568CFC;position:relative;}.triang......