Does IE ignores custom css selectors?

Question

Hey guys,

IE is freaking me out.

my css code looks like this:

kl {
    font-size:10pt;
    font-weight: bold;
    color:#6e90a6;
}

and my html code looks like this:

<div id="testid"><kl>test</kl>

Why does IE ignore my CSS code?

Please could someone help me :)?

Update: Great responses guys, that was really fast :)

Thank you all! Such a great site here :)

I wanted to create a custom tag because of several headlines. but I think I going to use Dorjans way because of the good compatibility of all browsers!

Have a nice day.

Answer 1

Why wouldn't you do this for your css:

#testid (
    font-size:10pt;
    font-weight: bold;
    color:#6e90a6;
}

That should work. Although you should know IE (especially <7) is less than CSS compliant.

Answer 2

You're making custom tags? IE deals with custom tags differently than other browsers see my link below for more details.

http://ajaxian.com/archives/adding-custom-tags-to-internet-explorer-the-official-way

Why not use span and a class, I think IE6 might respond better, just a might.

<div id="testid"><span class="kl">test</span></div>

.kl {
    font-size:10pt;
    font-weight: bold;
    color:#6e90a6;
}

Answer 3

Kl? Try this...

CSS:

#testid span {
    font-size:10pt;
    font-weight: bold;
    color:#6e90a6;
}

HTML:

<div id="testid"><span>test</span></div>

Answer 4

I would use a css class or an id, but if YOU MUST have your custom tag, then I believe you need to define your tag in the XSL and then include that in your page in order for IE to recognize it.

Answer 5

Ajaxian authored an article in late 2008 that addressed the imlementation of custom tags in IE, along with the application of CSS to said tags. You can read the short paper here:

Adding Custom Tags To Internet Explorer, The Official Way