why isn't this css applyed?

[Jeff]

ASP.NET 2.0

Below is a css, skin and a markup part. I wonder why the #compose .desc
class isn't applyed to the TableCell object (cssClass=desc). This works if I
only use .desc (remove the #compose word from the css class definition)...
In the markup below the css class is defined in the skin file. I even tryed
to set cssClass in the markup and it had the same problem - the css class
wasn't applied

Why isn't #compose .desc applyed?

CSS:
#compose .desc
{
font-family:Verdana;
font-weight:bold;
font-size:xx-large;
background-color:Gray;
}

SKIN:
<asp:TableCell SkinID="desc" runat="server" width="100px" CssClass="desc" />
<asp:TableCell SkinID="field" runat="server" width="100%" />

MARKUP:
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="Compose.aspx.cs"
Inherits="Templates_Compose" EnableTheming="true" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server">
<asp:Table ID="compose" runat="server">
<asp:TableRow>
<asp:TableCell SkinID="desc">Recipient</asp:TableCell>
<asp:TableCell SkinID="field">Recipient</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:Content>


Jeff

 

[=?ISO-8859-1?Q?G=F6ran_Andersson?=]

ASP.NET 2.0

Below is a css, skin and a markup part. I wonder why the #compose .desc
class isn't applyed to the TableCell object (cssClass=desc). This works if I
only use .desc (remove the #compose word from the css class definition)...
In the markup below the css class is defined in the skin file. I even tryed
to set cssClass in the markup and it had the same problem - the css class
wasn't applied

Why isn't #compose .desc applyed?

CSS:
#compose .desc
{
font-family:Verdana;
font-weight:bold;
font-size:xx-large;
background-color:Gray;
}

SKIN:
<asp:TableCell SkinID="desc" runat="server" width="100px" CssClass="desc" />
<asp:TableCell SkinID="field" runat="server" width="100%" />

MARKUP:
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master"
AutoEventWireup="true" CodeFile="Compose.aspx.cs"
Inherits="Templates_Compose" EnableTheming="true" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1"
Runat="Server">
<asp:Table ID="compose" runat="server">
<asp:TableRow>
<asp:TableCell SkinID="desc">Recipient</asp:TableCell>
<asp:TableCell SkinID="field">Recipient</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:Content>


Jeff

Look at the generated html code, and you will see that the id of the
table tag that the Table control creates is not "compose".

 

[Steve C. Orr [MCSD, MVP, CSM, ASP Insider]]

The free developer toolbar is a good way to easily see which CSS attributes
are applied to which attributes and why:
http://www.microsoft.com/downloads/...64-672d-4511-bb3e-2d5e1db91038&DisplayLang=en