91.尚硅谷_HTML&CSS基础_属性hack.avi原创

刚才呢，我们是简单的去说了一下我们那个注释的条件的hicker啊，然后我们来接着来说啊，还有这么两种hike，一个叫做属性级的hike，还有叫做选择服级的这个he啊这些东西呢，其实都大同小异，我们简单来说一下，举个例子，呃，那这个he呢，总之呢，都是来去给我们解决这个什么呀，兼容性的一个问题的啊，兼容性的一个问题的，来接着来说一个啊031个接着来说这个，那这个我们要说一个什么呢？还是拿这个body的背景来举例子，举个什么例子呢？我们来写这么一个，哎，内部样式表，直接来这么一个这个body body我来一个background color，我来一个这个井号BFA保存还是这么一个效果，是一个这么一个绿色的一个背景是吧，那现在假设啊，假设什么呢？假设我们这个样式在我们火狐里，还有在我们这个I16里，它会有一些什么呢？有一些区别也就什么呢，假设在我们。

IE6里我只能我得干嘛呀，我得把背景颜色设置成黄色，才能和我们火狐里是一个什么呀，是相同的效果啊，这么假设这么一个问题啊，咱们这来假设在我们这个艾叶六中需要什么呢？需要将我们这个背景颜色设置为什么呢？设置为这个黄色才能什么呢？才能达到和我们这个什么呀，其他浏览器同样的一个什么呀，诶，同样的效果，当然这东西是不成立的啊，咱们是假设这么一个问题，那也就是说在其他浏览器里我需要写一个background，来一个井号B，而在我们这个IE6里我就需要写什么呀，Background color，我可能来一个什么呀，来一个yellow，我可能需要设这么一个颜色，对吧？但是我这么写就有问题了，这么写对不对？这么写导致什么？只有谁有用，是不是只有这个有用，而上面是是没用了呀，那出现一个问题，所有浏览器里。

是不是都是黄色呀，哎，都是黄色，而我们只需要什么呀，我希望这个样式只在IE6里才干嘛，哎，才有效啊，才有效，所以这里边干嘛呢？我们希望哎黄色背景只在我们这个IE6中生效，诶那这个问题我们怎么解决，我可以用刚才那种方式，我是不是给它，给它写成一个什么呀，外部样式表，然后给它注上啊，哎，用到我们那个注释还给它注上可以，但是还有另一种方式，我们来看一下我们这道有什么呢？属性级的he，那属性级的he，换句话说这个是加在哪了，是加在我们这个属性上的吧，哪个叫属性啊，Background是不是叫属性啊？哎，Background叫属性啊，我们来简单来看一下，点开我们这个属性尼，Head，诶来看它给我们这么了一个语法，你看写了写了一个什么呀？Select select是什么呀？选择器，诶选择器，然后property选择器里边是不是我们样式名，还有这个样式值啊，你发现什么了，在。

就是值名前边我可以加一什么呀，He，注意也是一个问号告诉你可加可不加，可远的也可以什么呀，也可以在值后边是不是加1HE呀？哎，两个位置都可以加，我们来看它是怎么写的，我们先看这两个，一个叫什么呢？下划线，下划线什么意思叫选择IE6及以下啊，选择IE6级以下什么意子叫什么呀？我只要在我们这个这什么呀样式的前边加一个什么呢？加一个下划线，举个例子来看我这个background，我希望这个样式只能被谁识别A6，那么我可以干嘛呢？在background前面加一个下划线，诶，加一个下划线，那我们来说了这个样式，我加完下划线它还对吗？是不是不对了呀？哎，那既然不对了，所有所以在其他浏览器里，他们都是干嘛呀，都是不认识的啊，都是不认识的，但是唯独谁认识IE6是不是还可以正常显示啊，但是其他浏览器都是不能识别的，所以干嘛了，是不是就显示不出来了，哎，显示不出来了啊，所以注意在什么呢？在我们这个样式前边添加下划线诶添加一个这个下划线诶则该样式只有什么呀，只有我们这个IE6及诶以下的这个浏览器干嘛呀才可以。

识别啊，所以以后如果你想给单独给IE6设置样式干嘛呢？你在这个样式前面加一个什么呀，下划线，这样就只有I16才认识了啊，只有I6才认识了啊，这是我们说的这个一个hi啊，这个一个hi，然后再看们还有什么呢？还有一个叫什么呀，星号，星号叫什么呀，选择IE7及以下啊，选择I7及以下，来我们这换一种方式，这里边啊我们就来看看I7，打开我们的爱七，我这一看，诶爱七是不是还是绿色的呀，也就是说我这种下划线对于谁呀？对爱七支持吗？哎，不支持，来我这复制一下，把下划线我给它换成一个什么呢？换成一个星号保存，我们来看效果，这里边一刷新走你，诶I7是不是也变成黄色了，诶，然后看IE61刷新IE6是不是还是黄色呀，但是火狐chome里边是不是还是绿色呀，包括我们这什么呀，诶来。

复制一下看看我们这个艾叶八艾E8里边是不是也是绿色呀？诶，所以叫什么呢？添加了星号的样式只有谁呢？呃，只有IE7级以下的浏览器才认识，只有我们这个IE7及以下的这个浏览器认识，所以干嘛呢？如果你想单独给IE6设置你样式前边加一什么呀，下划线，如果你想单独给IE6还有IE7设置你样前面加一个什么呀，加一个星号啊，加一个星号，这是我们说这块啊，然后呢，把它注起来再来说，其实最常用的就是这两了，星号还有什么呀，下划线啊，这是最常用的两个了啊，因为我们常见的问题也就是A67的I就是I67的，还有的不能用的不是那么多的，哎，你来看有一个什么呢，叫做一个斜杠九，斜杠九表示什么呀？

选择IE6以上的啊，IE6以上的说白了就是什么呀，是不是就是IE呀，诶IEIE6以上的C20表示什么呢？选择IE8以上的啊，IE8以上的但是注意了，你看这鞋杠零还有斜杠九它是怎么用的，它是写在哪了。是不是写到样式的后边了，诶样式后边，所以我们来看看效果，我来CTRLC把它复制一下来干嘛呢？在这我加一个斜杠零，然后这星号我去了，我是不是加这么一个样式啊，我们来看效果啊，这里边直接一刷新走，你看完了IE8是不是也黄了，诶IE8也黄了啊，然后看我们这个IE7刷新IE7怎么还白了，刷新IE6 ie6也白了。

I6也白了呀，那这个样式我们应该干嘛呀，那证明其实这个样式我们说了所有练其实都都能读出来，我们来看看火狐啊火狐，火狐是然没有问题呀，但是我们发现这个这个东西在我们这个IE67里还有点什么呀，小问题，它是把这个背景颜色就给就给整没了呀，所以你要用它你还得干嘛呀，你要想确保我们这个IE8和IE6的不一样，你还得这么写一个干嘛呢？再写这么一个东西来什么呀，来一个井号BFA保存已刷新，这样才能保证我们这个IE7IE6也正常卷显示，能理解了吧？诶，为什么呀，因为这个样式在IE6里IE7里它也会读，但是读起来它读不明白干嘛呀，它这样式不会应用，所以你会发现它是不是使用了一个默认的一个背景啊，诶所以注意啊，这个加零的样式在什么呢？在我们这个样式最后干嘛呢？诶添加一个这个鞋杠零则只有什么呀，刚才说了叫则只有我们这个爱叶八节。

诶诶以上的浏览器才能识别，诶才能识别，但是这种情况呢，我们用的其实不是特别的多啊，关于这个he呢，我们用的最多的，最多的是谁呢？最多的是我们这个下划线什么呀，诶还有这个星号下划线兼容IE6记下星号兼容IE7记一下用的最多的就是这两个，因为问题最多也就是我们这个IE6还有IE7，但是说说回话说回来，这个hi我们都是什么呀，不推荐你去什么呀，使用的啊，不推荐使用的，我们来说hack哎CSS这个hick不到什么呢？不到这个万不得已的，这个情况尽量什么呢？尽量不要什么呀，不要使用，为什么不要使用，因为这个东西它毕竟是什么呀，它其实你可以理解为是一个小的一个，利用那么一个bug来实现这么一个功能，那它你用你用的多了以后，我们干嘛呀，我们要去维护的时候是很很麻烦呀，好你给I机。

设置一个，你给IE6设置一个，你给IE8设置一个，你又给IE9设置一个，你设置这么多，你改的时候干嘛了，你是不是一个一个改呀，哎，有可能你还落下几个啊落几个，所以这种东西呢，维护起来干嘛呀，比较麻烦，而且呢也不太好，所以这个东西呢，我们尽量不要用，能不用咱们就干嘛呀，不用万不得已的时候，实在没辙了，你说不用它就不行了，那这时候干嘛呀，你就可以，你就可以用了，这就像什么呀，像我们那个看那个倚天屠龙记是吧，那个武当派那个大招叫什么呀？叫天地同寿知道吗？不知道天地同兽是吧，天地同兽就是什么呀，你要扎着敌人，先从自己的肚子扎过去，然后把敌人杀死是吧？哎，就是说把敌人杀死之前，你自己可能已经死了是吧，所以这个呢，也但是咱们自己死不了是吧，诶但是这个呢，也是一个这个大招是吧，哎，不到万不得已的时候干嘛呀，尽量不要去使用它啊，不要去使用它，而且人家这给你说了叫什么呀，哎派有风险，使用需谨慎啊，尽可能的。

减少我们这个CSS hick的一个使用啊，这是我们这个属性级的hick，然后还有一种叫什么呀，叫选择符级的hick，这种hick其实用的就更少了，它是干嘛的呀，它是在我们这个选择器前面加什么呀，加东西啊加东西你来看这举个例子，它这写了一个什么呀。星号空格，HTML空格点test，你看它这空格是不是表示一个后代显择器啊，诶它来一什么呀，选择星号后边的这个HT2，再选择HL里边什么呀，Class为test，像这种写法是不是很奇特呀？哎，所以为什么奇特，因为它什么呀，只有我们这个IE6和什么呀，和之前的认识啊，只有IE6和之前的认识，那像这种星号什么呢？加上一个am这种是什么呀，只有IE7和之前认识，举个例子来看这咱们还是拿这举例子吧，现在我是是一个掰让你卡是一个这个B飞啊诶我来一什么呢，星号。

星号空格一个ML，再来一个什么呀，空格body我是不是这么写的呀？诶那看跟他写的是不是一个意思呀，只不过他这写的一个class，而我这写的是一个这个body啊body来保存，我们来看效果一刷新你看火狐你干嘛了，竟然竟然还认识了，哎，居然还是，但是你看火狐是不是已经不认识了，哎，火狐已经不认识了，来看我们这个IE61刷新走，你I6是不是认识了？诶IE6认识万恶的苦儒，我们居然认识啊，一刷新你看AE8是不是都认识不认识啊？诶还是ome竟然认识是吧？诶来这里边我们来刷新十啊九啊七啊是不是都不认识啊，哎，都不认识，但是Chrome认识是吧？所以这种写法呢，是一种特殊的一个写法，这种写法只有一些特殊的练习台识别呀，但是主要是为了兼容我们什么呀，兼容我们这个呀，I6的，但是为什么会认识呢，咱们来试试啊，是不是缓存啊。

哎，看来真是缓存是吧？哎，看来真是缓存，所以你看他认识的哈，也别太吃惊是吧，你再打开一下试试，可能刚才他没缓应过来是吧，也没反应过来，所以这种方式呢，干嘛呀，只有我们的什么呀？哎，只有I6认识啊，只有I6认识，所以我们来说一下，在我们这个选择器前添加什么呢？添加我们这个星号空格，HTML空格则诶该选择器只有什么呀，只有我们这个IE6可以什么呀？诶IE6可以识别啊，只有I6可以识别，但是这种呢，我们相对来说用的就干嘛了，用的就更少了啊，用的更少了，主要其实用的就是那两个一个什么呀，诶下划线还有这个星号啊，主要用这两个，这个东西呢，了解一下，知知道一下就行了，当然了，我们来说一下啊，这个hick，这个hick呢，我们其实呢。

这里边列出来只是一小部分，或者说白了就是非常非常小的一部分，如果你去网上去搜的话，你要搜这种hike，我们说了hike不仅IE有，火狐啊，Chome呀都有，但是只不过是用的没有那么多，诶如果你去搜的话，那hike给你拉出一个表格，这表干嘛呀，非常非常的长啊，非常长非常长，你感兴趣的可以看一眼啊，感兴趣看一眼，那这里边呢，我们主要说一些什么呀，我们常用的几个就行了啊，说一下常用几个就行，好，那这个呢，我们就说到这儿，先停一下。