Question

我正在尝试为将出现在iPhone应用程序上的表格制作一些CSS。我希望，如果可能的话，有一个表格的类样式，它总是有两列，我想设置列宽和字体等等，所以我可以向下插入一个表并给它.PhoneTable类和它将始终以相同的方式呈现。

我在Mac中为Coda 2构建了这个CSS并尝试了它并且它有效。

当我添加它时，它不起作用。似乎iPhoneTable规则显示但没有iPhoneTable td：nth-child（1）规则。当我在浏览器中预览它并查找所有应用的CSS类时，那两个不在那里！

为什么呢？

是否有不同的方法可以轻松地将一组属性应用于第一列中的所有单元格而另一组属性应用于第二列？

.iPhoneTable {
    width: 100%;
    font-family: 'Helvetic Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.iPhoneTable td:nth-child (1) {
    width: 20%;
    text-align: left;
    color: rgb(0, 122, 255) important !;
}

.iPhoneTable td:nth-child (2) {
    text-align: right;
}

以下是有效的代码：

.iPhoneTable {
    width:100%;
    font-family:'Helvetic Neue',Helvetica,Arial,sans-serif;
    font-size:14px;
}
.iPhoneTable td:nth-of-type(1){ 
width: 10%;
text-align:left;
}
.iPhoneTable td:nth-of-type(2){ 
text-align: right;  
}
.iPhoneTable td:nth-of-type(1){ 
color:rgb(0,125,255);   
}

Xpages是否支持CSS

0 个答案: