Question

我与开发团队一起工作，他们进行了分页，但是当前的分页并没有进入他们动态创建的任何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 elemnt

Answer 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*/
}

Answer 2

只需使用此

即可

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

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

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

-

编辑：稍微摆弄边距但这种方法可行：http://jsfiddle.net/trapper/sX94B/

Answer 3

这是一个类似于previous answer的解决方案，它通过摆弄锚元素的边距和填充来仅为1提供背景颜色：

tr.paging td {
  background: red; 
}

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

不是很优雅，但它有效。

jsFiddle

使用CSS到达没有标记的元素

3 个答案: