0

我与开发人员团队合作，他们进行了分页，但当前分页没有进入他们动态创建的任何 HTML 标记中，使用 Css 调用这个元素的任何方式都知道我不能为它内联编辑样式，因为它不仅仅是动态的HTML 代码

    <tr class="paging">
<td colspan="3">
1 
<a href="/ManageAccounts/ManageRestaurantsBars?page=2">2</a> 
<a href="/ManageAccounts/ManageRestaurantsBars?page=3">3</a> 
<a href="/ManageAccounts/ManageRestaurantsBars?page=4">4</a> 
<a href="/ManageAccounts/ManageRestaurantsBars?page=2">&gt;</a> 
<a href="/ManageAccounts/ManageRestaurantsBars?page=4">&gt;&gt;</a>
</td>
</tr>

我想打电话给 1 元素

4

3 回答 3

1

这取决于您要应用哪种样式。

对于不影响box-model元素的属性，您可以这样做..

例如

.paging td{
    color:red;
    font-weight:bold;
    text-decoration:underline;
    font-style:italic;
    /*etcetera*/
}

并覆盖那些用于正常链接的

.paging td a{
    color:white;
    font-weight:normal;
    text-decoration:none;
    font-style:normal;
    /*etcetera*/
}
于 2012-05-16T11:34:37.300 回答
0

只需使用这个

tr.paging > td { font-weight:bold; }

如果您不希望<a>链接加粗，请添加...

tr.paging > td > a { font-weight:normal; }

-

编辑：有点摆弄边距，但这种方法会起作用：http: //jsfiddle.net/trapper/sX94B/

于 2012-05-16T11:30:18.373 回答
0

这是一个类似于先前答案的解决方案，它只会1通过摆弄锚元素的边距和填充来提供背景颜色：

tr.paging td {
  background: red; 
}

tr.paging a {
  background: white;
  padding: 0 5px;
  margin: 0 -2px;
}

不是很优雅，但它有效。

jsFiddle

于 2012-05-16T11:48:08.527 回答