是否有针对 IE10 的特定 CSS 选择器？

关键词：

【中文标题】是否有针对 IE10 的特定 CSS 选择器？【英文标题】：Are There Specific CSS Selectors Targeting IE10? 【发布时间】：2011-11-11 08:59:42 【问题描述】：

由于 IE 在版本 10 中摆脱了条件 cmets，我迫切需要找到专门针对 IE10 的“CSS hack”。请注意，被“黑”的必须是 选择器，而不是 CSS 属性。

在 Mozilla 中，您可以使用：

@-moz-document url-prefix() 
  h1 
    color: red;
  

在 Webkit 中，您通常会这样做：

@media screen and (-webkit-min-device-pixel-ratio:0) 
  h1 
    color: blue;
  

我如何在 IE10 中做类似的事情？

【问题讨论】：

我只使用 IE 条件注释。此外，我的朋友或家人都不知道 IE 10。 IE10 可能会足够符合标准，不需要任何黑客攻击。和 Tyler，问题说它不支持条件 cmets。 @BoltClock 不幸的是，即使在符合标准的网络浏览器（Webkit/Firefox/Opera）中也存在一些奇怪的变化，因此在尝试创建像素时，@-moz-document 之类的选择器确实有帮助所有浏览器的完美体验。尽管我非常喜欢允许浏览器向用户展示稍微不同的体验——但我的客户却没有。 【参考方案1】：

使用 http://rafael.adm.br/css_browser_selector/ 中的 css 浏览器选择器，您可以在代码中添加一个简单的 + 并从您的 CSS 中调用 IE10。

查找/msie\s(\d)/ 并将其更改为/msie\s(\d+)/。

现在在您的 CSS 中，只需在您的选择器之前添加 .ie10，如下所示：

.ie10 .class-name width: 100px; .class-name width: 90px;

您现在应该看到 IE10 呈现 100px 宽度，而所有其他浏览器呈现 90px 宽度。

【讨论】：

【参考方案2】：

下面的例子展示了如何做到这一点

/* 
 #ie10 will only be red in MSIE 10, 
 both in high contrast (display setting) and default mode 
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
   #ie10  color: red; 

警告：可能也适用于 IE11+。

【讨论】：

感谢您的意见，我接受了这个作为答案。它是否会针对 IE11 是我认为我们中的任何人都不应该担心的事情，一段时间:-) 这是危险的想法。即使在 IE11 出来之前还有很长一段时间，这意味着代码在你的脑海中会变得不那么新鲜，而且可能更难修复。此外，没有人真正知道 IE 的下一个版本何时发布，或者您正在解决的错误将得到修复。如果错误在更高版本中得到修复，我只会使用这样的 hack 来解决不会破坏的问题。 刚试过用这个方法。仅适用于开发环境，不适用于生产环境。【参考方案3】：

我不确定这是否符合您的选择器与属性要求，但我想出了以下方法，同时尝试在 IE7-9 中伪造 text-shadow，然后在 IE10 中关闭 hack。关键是在IE10中使用新的-ms-animation东西。

.header 
    /* For browsers that support it to add a little more punch to a @font-face */
    text-shadow: rgba(100, 100, 100, 0.5) 0 0 2px;

    /* Make IE7-9 do faux bold instead and then turn down the opacity to match */
    *font-weight: bold;
    font-weight: bold\9;
    *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75\9;

    /* Uh oh! We've also caught IE10 in our above hack */

    /* But IE10 supports CSS3 animations. Will a high duration keep CPU usage down? */
    -ms-animation: text-shadow 60s infinite;


/* Define the animation */
@-ms-keyframes text-shadow 
    0%, 100% 
        font-weight: normal;
        opacity: 1;
    

【讨论】：

【参考方案4】：

据我所知，不存在这样的 CSS 选择器。如果你想专门针对 IE10，为什么不写一点 javascript 在 body 元素上设置一个名为 ie10 的类，然后为 IE10 创建一个特定的样式？

【讨论】：

是否有文本节点的 CSS 选择器？

】是否有文本节点的CSS选择器？【英文标题】：IsthereaCSSselectorfortextnodes?【发布时间】：2022-01-0417:49:55【问题描述】：我想做的（显然不是在IE中）是：p:not(.list):last-child+:textmargin-bottom:10px;这会给文本节点一个边距。（这甚至可... 查看详情

css属性选择器

CSS 属性选择器一、具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是class和id。注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器。二、属性选择器下面的例子是把包含标题（titl... 查看详情

IE 的 CSS 选择器限制中如何计算媒体查询？

...其视为1条规则（@media声明）+@media规则中的规则数？这是针对IE9的，据我所知，IE9是唯一支持媒体查询的IE，同时也存在 查看详情

是否有用于溢出的 css 伪选择器？

】是否有用于溢出的css伪选择器？【英文标题】：Isthereacsspseudoselectorforoverflow?【发布时间】：2012-10-2404:08:33【问题描述】：我正在尝试根据其父div是否溢出来改变其样式。.pDivdisplay:block;width:300px;height:100px;border:1pxsolidrgb(0,0,0);.cDi... 查看详情

是否有 jQuery 选择器/方法来查找特定的父元素 n 级？

】是否有jQuery选择器/方法来查找特定的父元素n级？【英文标题】：IsthereajQueryselector/methodtofindaspecificparentelementnlevelsup?【发布时间】：2010-10-1611:44:06【问题描述】：考虑以下HTML。如果我有对元素的JSON引用，如何在这两种情况下... 查看详情

检查选择器是不是有一组特定的类

...英文标题】：Checkifaselectorhaveacertainsetofclasses检查选择器是否有一组特定的类【发布时间】：2011-02-0917:43:36【问题描述】：我正在尝试检查选择器是否有特定的类集。.hasClass()只能检查选择器是否有一个类。.is()选择器可以查找多... 查看详情

在下拉菜单中针对特定选择器 jquery 的问题

】在下拉菜单中针对特定选择器jquery的问题【英文标题】：Issuetargetingspecificselectorjqueryindropdwonmenu【发布时间】：2015-06-0508:06:56【问题描述】：我有一个带有jquery的下拉菜单，我想根据下拉菜单中选择的内容以不同的方式修改一... 查看详情

在 IE 6,7 中使用“for”属性的标签的 CSS 选择器

...：我的网页中有一个标签作为标签for="title"如何设置这个特定标签元素的样式？【问题讨论】：IsitpossibletoformatanHTMLtooltip?的可能重复哦，我的错，我误解了这个 查看详情

计算css文件中选择器的数量

...ctorsinacssfile【发布时间】：2011-07-1020:25:49【问题描述】：是否有现有的插件/应用程序/程序/脚本/任何东西来分析和计算文件的css选择器？我想检查我的css文件在IE中不起作用的原因是否是因为我的选择器计数超过4095（我很确定... 查看详情

CSS 选择器仅针对直接子代而不是其他相同的后代

】CSS选择器仅针对直接子代而不是其他相同的后代【英文标题】：CSSselectorfortargetingonlyimmediatechildrenandnototheridenticaldescendants【发布时间】：2010-10-1810:37:51【问题描述】：我有一个嵌套的可排序列表，可以动态添加或删除项目，并... 查看详情

IE11 css only 实际工作的选择器[重复]

】IE11cssonly实际工作的选择器[重复]【英文标题】：IE11cssonlyselectorthatactuallyworks[duplicate]【发布时间】：2020-02-2621:31:14【问题描述】：有谁知道只在IE11下工作的CSS选择器。我已经尝试过google等，但似乎找不到真正有效的？【问题... 查看详情

如何在 Ionic 框架中使用 CSS 选择器隔离特定平台

...我想在我正在Ionic框架上开发的Cordova应用程序中使用专门针对iOS的不同样式。 查看详情

css选择器

1、ID选择器2、CLASS选器3、属性选择器 能够为拥有指定属性的HTML元素设置样式，而不仅限于class和id属性。凝视：仅仅有在规定了!DOCTYPE时。IE7和IE8才支持属性选择器。在IE6及更低的版本号中，不支持属性选择。 CSS选择器參考手... 查看详情

css选择器最常用的类型

css常用的四种选择器类型有：标签选择器：针对一类标签ID选择器：针对某一个特定的标签使用类选择器：针对你想要的所有标签使用后代选择器：用空格隔开1、标签选择器：选择器的名字代表html页面上的标签标签选择器，选... 查看详情

CSS 选择器有效，jquery 选择器无效（仅 IE 问题）

】CSS选择器有效，jquery选择器无效（仅IE问题）【英文标题】：CSSselectorworks,jqueryselectordoesn\'t(IEonlyissue)【发布时间】：2012-01-2008:08:05【问题描述】：请注意，以下是仅IE的问题（像往常一样...）我有以下HTML代码：<inputid="foo"type... 查看详情

针对 IE 4096 选择器/样式表限制的 Rails 资产管道解决方案

】针对IE4096选择器/样式表限制的Rails资产管道解决方案【英文标题】：RailsassetpipelinesolutionforIE4096selector/stylesheetlimit【发布时间】：2012-08-2100:06:50【问题描述】：问题Microsoft\'sIEsupportdocumentation解释说在InternetExplorer6-9中：前31个样... 查看详情

是否有一个 css 选择器可以选择当前元素之外的元素？ [复制]

】是否有一个css选择器可以选择当前元素之外的元素？[复制]【英文标题】：Isthereacssselectorwhichselectsanelementoutsidethecurrentelement?[duplicate]【发布时间】：2016-02-2718:53:42【问题描述】：代码比文字更能解释<divclass="parent"><spancla... 查看详情

是否有 CSS 不等于选择器？

】是否有CSS不等于选择器？【英文标题】：IsthereaCSSnotequalsselector?【发布时间】：2011-03-2204:54:05【问题描述】：在CSS中是否有类似!=（不等于）的东西？例如，我有以下代码：input......但是对于某些输入，我需要取消它。我想通过... 查看详情