Question

我真的不敢相信我已经坐了2个多小时了，为什么我来这里乞求一些答案。为什么这段代码没有验证？它与interwebs上的代码完全相同，我似乎是唯一获得此验证消息的代码。

我收到的消息：

egenskap -webkit-min-device-pixel-ratio finnsinteförmediascreen）{p.hej {＆gt;颜色：蓝色; }} 25 Egenskap -ms-高对比度finnsinteför中等所有），（ - ms-high-＆gt; contrast：none）{p.hej {color：green; }}

两个警告

找不到vendor-ext-pseudo-class
的警告消息
32找不到vendor-ext-pseudo-class ##
的警告消息

我无法理解为什么。

我要做的是一个简单的HTML文件，通过CSS，使用这些变量单独调整：

Firefox：-moz- Chrome och Safari：-webkit- Internet Explorer：-ms- 歌剧：-o -

HTML：

<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Min fantastiska uppgift 2.8</title>
<link href="sajt3.css" rel="stylesheet" type="text/css">
</head>
<body>

<p class="hej">Hej!!!</p>

</body>
</html>

CSS：

/* 
Firefox targeting, red h1 text color
 */

body:not(:-moz-handler-blocked) p.hej {
    color:red;
  }


/* 
Chrome & Safari targeting, blue h1 text color
 */

@media screen and (-webkit-min-device-pixel-ratio:0) {
   p.hej { color: blue; } 
}



/* 
IE targeting, green H1 text color
 */

@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   p.hej { color: green; } 
}


 /* 
Opera targeting; purple bg
 */

x:-o-prefocus, p {
  background: purple;
}

Answer 1

如果你将css的第一位改为

，它会起作用

body:not(.hej) {
    color:red;
    font-weight:bold;
}

.hej{color:blue;}

这是fiddle

我认为它不喜欢ID和类名！

媒体屏幕不存在属性

找不到vendor-ext-pseudo-class

1 个答案: