在CSS样式表中,右尖括号是
一个非常常用的符号。笔者常常会遇到这样的问题:如何在CSS样式表中打出右尖括号呢?下面我们就来一起探讨一下。
首先,我们需要知道右尖括号的ASCII码是“>”。因此,我们可以通过在CSS
代码中使用该实体
名称来输入右尖括号。
代码如下:
.color{
background-color: #fff;
color: #000;
border: 1px solid #000;
font-size: 16px;
padding-right: 5px;
content: ">";
}
在上面的
代码中,我们使用了
属性选择器来选取class为“color”的元素。接着,在content
属性中我们使用了实体
名称“>”,这样就可以在
页面上正确
显示出右尖括号了。
除了使用实体
名称,我们还可以直接使用右尖括号的ASCII码值来输入。
代码如下:
.color{
background-color: #fff;
color: #000;
border: 1px solid #000;
font-size: 16px;
padding-right: 5px;
content: "
.color{
background-color: #fff;
color: #000;
border: 1px solid #000;
font-size: 16px;
padding-right: 5px;
content: "\003e";
}
3e";
}
在
代码中,我们使用了\003e来代替实体
名称“>”。这样就能够正确
输出右尖括号了。
总结:在CSS样式表中输入右尖括号需要用到实体
名称或ASCII码值,可以通过content
属性来
添加。为了避免不必要的
错误,我们建议在输入时使用实体
名称。