Question

我不太确定如何创建一个新的/修改我当前的样式表，以便它使用新的选择器等符合CSS3 ...

我当前的样式表不会将一些新的选择器（例如border-top-right-radius: 5px;）作为属性而忽略它。

任何人都知道我如何使用这些新的CSS3功能？

Answer 1

并非所有浏览器都会使用您提到的属性。这一切都取决于浏览器（并非所有浏览器都支持CSS3）。例如：

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

对WebKit和Mozilla兼容的浏览器使用-webkit和-moz，即使标准的（根据CSS3）是border-radius。这只是因为并非所有浏览器都使用CSS3标准。他们最终会，但现在不会。

你可以包括我写的三行，但它不被认为是标准的，它将无法验证（但仍然有效）。

Answer 2

像其他人说的那样，没有“CSS3”或“CSS2”样式表这样的东西。只有一个CSS样式表标准，您可以在其中放置CSS1,2或3个属性和选择器。

浏览器支持有哪些变化。一些新属性和CSS选择器只能在更新的浏览器中使用。

我建议你自己在http://caniuse.com/看到。您可以看到哪些CSS3属性和选择器得到广泛支持，哪些不受支持。

我还建议你看一下：http://cssprefixer.appspot.com/。虽然它不会帮助您使用不受支持的选择器，但它会为您文件中的CSS属性添加特定于浏览器的前缀，这在大多数浏览器中可能都不完全支持。

Answer 3

您可能需要为该属性添加前缀，以使其在不同的浏览器上运行，因为它们并非都共享实现这些功能的标准方法。

#yourCssRule{
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;

border-style: solid;
border-width: 2px;
}

要使更改可见，您必须为边框提供一些宽度，也可能是一些颜色。

说到Border Radius属性，我想使用这个为你生成前缀的小工具http://border-radius.com/

如何创建符合CSS3标准的样式表

3 个答案: