Comments on: IE7: CSS .class#id Is Not The Same as .class #id! http://www.michiknows.com/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/ Insights on the IT world by Michi Kono Wed, 28 Jul 2010 00:04:50 +0000 hourly 1 http://wordpress.org/?v=3.0 By: DN http://www.michiknows.com/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-14944 DN Mon, 19 Jan 2009 20:22:30 +0000 http://michikono.com/blog/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-14944 Essentially, this isn't an IE7 bug at all. It's correctly looking for an element within another element that you specify in your CSS, which doesn't exist in your HTML. Essentially, this isn’t an IE7 bug at all. It’s correctly looking for an element within another element that you specify in your CSS, which doesn’t exist in your HTML.

]]> By: pike http://www.michiknows.com/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-14792 pike Tue, 10 Jun 2008 21:54:50 +0000 http://michikono.com/blog/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-14792 What Ben is saying, is #main.with-ads matches [div id=main" class="match"]... and this #main .with-ads matches [div id=main"][div class="match"]... I'm very glad to know both work in IE7 - thanks ! good subjectline on the post too :-) *-pike What Ben is saying, is

#main.with-ads

matches

[div id=main" class="match"]…

and this

#main .with-ads

matches

[div id=main"][div class="match"]…

I’m very glad to know both work in IE7 – thanks !
good subjectline on the post too :-)

*-pike

]]> By: pike http://www.michiknows.com/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-14791 pike Tue, 10 Jun 2008 21:53:23 +0000 http://michikono.com/blog/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-14791 What Ben is saying, is #main.with-ads matches ... and this #main .with-ads matches ... I'm very glad to know both work in IE7 - thanks ! good subjectline on the post too :-) *-pike What Ben is saying, is

#main.with-ads

matches

…

and this

#main .with-ads

matches

…

I’m very glad to know both work in IE7 – thanks !
good subjectline on the post too :-)

*-pike

]]> By: Ben http://www.michiknows.com/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-3624 Ben Wed, 06 Jun 2007 09:47:34 +0000 http://michikono.com/blog/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-3624 I tried to post comments, but your blog marked them as spam, but told me that you'd be able to make them live anyway. I have answers for you in that comment! I tried to post comments, but your blog marked them as spam, but told me that you’d be able to make them live anyway. I have answers for you in that comment!

]]> By: Ben http://www.michiknows.com/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-3623 Ben Wed, 06 Jun 2007 09:39:23 +0000 http://michikono.com/blog/2007/02/03/ie7-css-classid-is-not-the-same-as-class-id/#comment-3623 #main.with-ads would declare a rule for an element with the id main and class with-ads, eg: #main .with-ads would declare a rule for an element with the class with-ads, but is a descendant of an element with id of main, eg: HOWEVER, IE6 doesn't really handle the combination of class and id one one element properly (#main.with-ads), so it's best not to use this. There are many other css selectors, here's a page on the w3: http://www.w3.org/TR/REC-CSS2/selector.html #main.with-ads would declare a rule for an element with the id main and class with-ads, eg:

#main .with-ads would declare a rule for an element with the class with-ads, but is a descendant of an element with id of main, eg:

HOWEVER, IE6 doesn’t really handle the combination of class and id one one element properly (#main.with-ads), so it’s best not to use this.

There are many other css selectors, here’s a page on the w3:
http://www.w3.org/TR/REC-CSS2/selector.html

]]>