Jump to content
  • 0

Как применить стиль только к таблице-контейнеру


Webr
 Share

Question

<style type="text/css">
table#cntab {border-collapse:collapse}
table#cntab td, table#cntab th {border:solid 1px black}
</style>

<table id="cntab">
<tr><th>Column</th><th>Feature</th></tr>
<tr>
<td>ID</td>
<td>
<asp:RadioButtonList ID="IDColOption" runat="server">
<asp:ListItem Value="ordinary" Text="Ordinary column"></asp:ListItem>
<asp:ListItem Value="pk" Text="Is primary key"></asp:ListItem>
<asp:ListItem Value="pkafter" Text="Primary key applied after filling"></asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr>
<td>SomeNumber</td>
<td>
<asp:RadioButtonList ID="ValColOption" runat="server">
<asp:ListItem Value="ordinary" Text="Ordinary column"></asp:ListItem>
<asp:ListItem Value="unique" Text="Has unique constraint"></asp:ListItem>
<asp:ListItem Value="uniqueafter" Text="Unique constraint applied after filling"></asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
</table>

Хочу, чтобы указанный в секции style стиль применился только к таблице-контейнеру, а он применяется и к вложенным таблицам (в которые превращаются контролы RadioButtonList после рендеринга сервером).

Как быть, если не хочется указывать в каждом td атрибут class?

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Если забить на IE6, можно заюзать дочерние селекторы (table#cntab>tbody>tr>td и т.п.). Если забивать нельзя, можно сделать так:

table#cntab td, table#cntab th {border:solid 1px black} /* ставим стиль для нужных ячеек */
table#cntab table td, table#cntab table th {border:none} /* для вложенных таблиц как бы сбрасываем назад в дефолтный */

Edited by SelenIT
Link to comment
Share on other sites

  • 0
Если забить на IE6, можно заюзать дочерние селекторы

Красиво, конечно, но нужно универсальное решение.

table#cntab table td, table#cntab table th {border:none}

Мне такой вариант нравится.

Спасибо.

Edited by Webr
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy