web前端-html-css-HACK(CSS Hack 实际上指的就是一个特殊的代码，这段代码只在某些特殊的浏览器中可以识别)

web前端-html-css-HACK(CSS Hack 实际上指的就是一个特殊的代码，这段代码只在某些特殊的浏览器中可以识别)
文章目录
- CSS-HACK
- 1. 说明
  2. css-hack
  3. 条件 hack
  4. 选择器 hack
CSS-HACK
```
DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>title>
    <style type="text/css">
      * html body {
        background-color: #bfa;
      /* _background-color: yellow;*/
      /*
      *  *background-color: yellow;
      */
      /* background-color: yellow\0; */
      }
    style>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    
  head>
  <body>
    
    

    

    

    
  body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
```
1. 说明
1. 有一些情况有特殊的代码只需要在某些特殊的浏览器中执行
  - 而在其他的浏览器中不需要执行，这时就可以使用 CSS Hack 来解决该问题
2. CSS Hack 实际上指的就是一个特殊的代码，这段代码只在某些特殊的浏览器中可以识别
  - 而其他浏览器不能识别，通过这种方式，来为一些浏览器设置特殊的代码
3. 条件 Hack，条件 Hack 只对 IE 浏览器有效，其他的浏览器都会将它识别为注释
  - IE10 及以上的浏览器已经不支持这种方式
2. css-hack
```
1
2
3
```
3. 条件 hack
```
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
```
4. 选择器 hack

在选择器前添加 * html 则选择器只有 IE6 可以识别
1. 假设为在 IE6 中需要将背景颜色设置为黄色才能达到和其他浏览器同样的效果,希望黄色背景只在 IE6 中生效
2. 在样式前边添加下划线，则该样式只有 IE6 及以下的浏览器才可以识别*
```
_background-color: yellow;
1
```
1. 添加了*的样式只有 IE7 及以下的浏览器认识
```
*background-color: yellow;
1
```
1. 在样式最后添加一个\0 则只有 IE8 及以上的浏览器才能识别
```
background-color: yellow\0;
1
```
CSS Hack 不到万不得已的情况尽量不要使用
相关阅读:
day36 XSS跨站&MXSS&UXSS&FlashXSS&PDFXSS
sychronized如何实现的？锁升级的过程？
docker 网络模式与 ftp 主动模式与被动模式
 Effective C++ 阅读笔记 02：构造/析构/赋值运算
 如何提高自己的软件测试水平之bug定位
 单例模式的创建
 外包干了5天，技术明显退步。。。。。
d中声明式gui
力扣373.查找和最小的K对数字
 什么是Nacos及实战使用教程
原文地址：https://blog.csdn.net/weixin_64933233/article/details/127963696

文章目录

CSS-HACK

1. 说明

2. css-hack

3. 条件 hack

4. 选择器 hack