Question

我正在寻找符号/的含义。我用谷歌搜索它没有一点成功。

#identity:before
{
    /* some useless stuffs */
    border-radius: 30% 0% 30% 0%/75% 0% 75% 0%;
}

我已经看到了font-size属性。

我不确定这个问题属于这里。说我，如果我必须移动它。

谢谢。

更新

关于font-size案例的

Chris B post和link。

font: 12px/18px

意思是：

font-size: 12px;
line-height: 18px;

这是一种速记。现在，问题border-radius是什么意思？

Answer 1

＆＃34;如果在斜杠之前和之后给出值，则斜杠前的值设置水平半径，斜杠后的值设置垂直半径。如果没有斜杠，则值将两个半径均等地设置。＆＃34;

帖子代码中的斜线是速记的，可以区分垂直和水平半径。

http://www.w3.org/TR/css3-background/#border-radius

从上面的链接：

border-radius: 4em;

相当于

border-top-left-radius:     4em;
border-top-right-radius:    4em;
border-bottom-right-radius: 4em;
border-bottom-left-radius:  4em;

和

border-radius: 2em 1em 4em / 0.5em 3em;

相当于

border-top-left-radius:     2em 0.5em;
border-top-right-radius:    1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius:  1em 3em;

Answer 2

CSS语法有三种类型的列表元素分隔符：

＆＃39; /＆＃39; （斜线）
＆＃39; ＆＃39; （空白）
＆＃39;，＆＃39; （逗号）

所以上面的border-radius可以用LISP样式写成：

(30% 0% 30% 0%) (75% 0% 75% 0%);

两个元素的列表，其中每个元素本身就是四个元素的列表。

不幸的是，CSS语法与此分隔符的优先级不一致。在border-radius属性' '中优先级高于'/'但在字体声明中优先级不同，因此：

font:italic bold 12px/30px Georgia, serif;

被解析为

font:italic bold (12px 30px) (Georgia serif);

符号是什么意思＆＃39; /＆＃39;？

2 个答案: