2

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

我当前的样式表不采用一些新的选择器，例如border-top-right-radius: 5px;它只是忽略它的属性。

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

4

3 回答 3

2

并非所有浏览器都具有您提到的属性。这完全取决于浏览器（并非所有浏览器都支持 CSS3）。例子：

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

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

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

于 2013-06-05T17:27:59.580 回答
2

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

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

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

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

于 2013-06-05T17:32:18.037 回答
1

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

#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/

于 2013-06-05T17:38:30.940 回答