Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > ASP .Net > Help With CSS Selectors

Reply
Thread Tools

Help With CSS Selectors

 
 
Nathan Sokalski
Guest
Posts: n/a
 
      03-24-2008
I apologize for asking an ASP.NET newsgroup a question about CSS, but I do
not know of any CSS newsgroups. I have a page with many areas that are
composed of the following elements in the following layout:

<td class="mystyle">
<a></a>
<span></span>
<img/>
<span></span>
</td>

For the td element, I obviously used the following selector:

..mystyle{}

For the a and img elements, I would have thought I would use

td.mystyle>a{}
td.mystyle>img{}

Since the a and img elements are immediate children of the td element, but
this did not seem to work, but the following did:

td.mystyle a{}
td.mystyle img{}

Can someone tell me why the > did not work? This is my first time using the
> technique in CSS, so maybe I am doing something wrong.


The span elements were a little harder, since there are two of them. I tried
the following for the first span:

td.PoemRating span:first-child{}

This did not work, so I am going to guess that it is because the span is not
the first child, only the first child that is a span. Is there a way to take
care of the span elements (without giving them a class attribute, if this is
the only way, I can accept that)? Thank you for any help that anyone can
provide.
--
Nathan Sokalski
http://www.velocityreviews.com/forums/(E-Mail Removed)
http://www.nathansokalski.com/


 
Reply With Quote
 
 
 
 
Nathan Sokalski
Guest
Posts: n/a
 
      03-24-2008
After a little research, I found that I was correct about the :first-child
pseudo-class, so I tried the following instead:

td.mystyle *:first-child+span
OR
td.mystyle a:first-child+span

Neither of these worked either, but I think I may have found the problem,
but I don't have IE7 so tell me if this is correct:

I am using IE6, and if I understand several of the websites I looked at, IE6
does not support > or :first-child in CSS stylesheets. It did sound,
however, like IE7 did. Is this correct? This would explain why my attempts
seemed right (maybe they really aren't, but they at least seemed that way)
but still didn't work. Am I correct in saying this?
--
Nathan Sokalski
(E-Mail Removed)
http://www.nathansokalski.com/

"Nathan Sokalski" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
>I apologize for asking an ASP.NET newsgroup a question about CSS, but I do
>not know of any CSS newsgroups. I have a page with many areas that are
>composed of the following elements in the following layout:
>
> <td class="mystyle">
> <a></a>
> <span></span>
> <img/>
> <span></span>
> </td>
>
> For the td element, I obviously used the following selector:
>
> .mystyle{}
>
> For the a and img elements, I would have thought I would use
>
> td.mystyle>a{}
> td.mystyle>img{}
>
> Since the a and img elements are immediate children of the td element, but
> this did not seem to work, but the following did:
>
> td.mystyle a{}
> td.mystyle img{}
>
> Can someone tell me why the > did not work? This is my first time using
> the
> > technique in CSS, so maybe I am doing something wrong.

>
> The span elements were a little harder, since there are two of them. I
> tried the following for the first span:
>
> td.PoemRating span:first-child{}
>
> This did not work, so I am going to guess that it is because the span is
> not the first child, only the first child that is a span. Is there a way
> to take care of the span elements (without giving them a class attribute,
> if this is the only way, I can accept that)? Thank you for any help that
> anyone can provide.
> --
> Nathan Sokalski
> (E-Mail Removed)
> http://www.nathansokalski.com/
>



 
Reply With Quote
 
 
 
 
prabha1912@gmail.com
Guest
Posts: n/a
 
      03-24-2008
Hi,

http://www.w3.org/TR/REC-CSS2/selector.html#first-child

May be this would help u..


Regards

Prabha @ Ammu



On Mar 24, 7:00*am, "Nathan Sokalski" <(E-Mail Removed)> wrote:
> I apologize for asking an ASP.NET newsgroup a question about CSS, but I do
> not know of any CSS newsgroups. I have a page with many areas that are
> composed of the following elements in the following layout:
>
> <td class="mystyle">
> * * <a></a>
> * * <span></span>
> * * <img/>
> * * <span></span>
> </td>
>
> For the td element, I obviously used the following selector:
>
> .mystyle{}
>
> For the a and img elements, I would have thought I would use
>
> td.mystyle>a{}
> td.mystyle>img{}
>
> Since the a and img elements are immediate children of the td element, but
> this did not seem to work, but the following did:
>
> td.mystyle a{}
> td.mystyle img{}
>
> Can someone tell me why the > did not work? This is my first time using the
> *> technique in CSS, so maybe I am doing something wrong.
>
> The span elements were a little harder, since there are two of them. I tried
> the following for the first span:
>
> td.PoemRating span:first-child{}
>
> This did not work, so I am going to guess that it is because the span is not
> the first child, only the first child that is a span. Is there a way to take
> care of the span elements (without giving them a class attribute, if this is
> the only way, I can accept that)? Thank you for any help that anyone can
> provide.
> --
> Nathan Sokalski
> (E-Mail Removed)://www.nathansokalski.com/




Hi
 
Reply With Quote
 
Just Me
Guest
Posts: n/a
 
      03-24-2008
The problem is that IE6 / 7 does not seem to be fully CSS compliant.

If you use your example in Firefox, this works as expected. IE appears to
break the rules over and over again. I could quote you loads of examples of
where IE fails to conform to CSS, here's two ive found in the last few days.

1.) Cannot style Select Option Elements Correctly. Will not allow other
fonts in the list or format borders on list items. Firefox does.

2.) Border precedence on table cells, Fails to observe the reccomendations
of CSS, Firefox works as expected.

So, if in doubt, just check it on Firefox first before you blow your mind
thinking you have coded it incorrectly, its normally is IE that fails in
these instances in my experience. Its a shame, as in many other things I
really like IE, but from a developers point of view it has issues.

For general positioning, I normally develop on Firefox first and then it
usually works in IE, but not the other way around.

Cheers



"Nathan Sokalski" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...
> After a little research, I found that I was correct about the :first-child
> pseudo-class, so I tried the following instead:
>
> td.mystyle *:first-child+span
> OR
> td.mystyle a:first-child+span
>
> Neither of these worked either, but I think I may have found the problem,
> but I don't have IE7 so tell me if this is correct:
>
> I am using IE6, and if I understand several of the websites I looked at,
> IE6 does not support > or :first-child in CSS stylesheets. It did sound,
> however, like IE7 did. Is this correct? This would explain why my attempts
> seemed right (maybe they really aren't, but they at least seemed that way)
> but still didn't work. Am I correct in saying this?
> --
> Nathan Sokalski
> (E-Mail Removed)
> http://www.nathansokalski.com/
>
> "Nathan Sokalski" <(E-Mail Removed)> wrote in message
> news:(E-Mail Removed)...
>>I apologize for asking an ASP.NET newsgroup a question about CSS, but I do
>>not know of any CSS newsgroups. I have a page with many areas that are
>>composed of the following elements in the following layout:
>>
>> <td class="mystyle">
>> <a></a>
>> <span></span>
>> <img/>
>> <span></span>
>> </td>
>>
>> For the td element, I obviously used the following selector:
>>
>> .mystyle{}
>>
>> For the a and img elements, I would have thought I would use
>>
>> td.mystyle>a{}
>> td.mystyle>img{}
>>
>> Since the a and img elements are immediate children of the td element,
>> but this did not seem to work, but the following did:
>>
>> td.mystyle a{}
>> td.mystyle img{}
>>
>> Can someone tell me why the > did not work? This is my first time using
>> the
>> > technique in CSS, so maybe I am doing something wrong.

>>
>> The span elements were a little harder, since there are two of them. I
>> tried the following for the first span:
>>
>> td.PoemRating span:first-child{}
>>
>> This did not work, so I am going to guess that it is because the span is
>> not the first child, only the first child that is a span. Is there a way
>> to take care of the span elements (without giving them a class attribute,
>> if this is the only way, I can accept that)? Thank you for any help that
>> anyone can provide.
>> --
>> Nathan Sokalski
>> (E-Mail Removed)
>> http://www.nathansokalski.com/
>>

>
>



 
Reply With Quote
 
prabha1912@gmail.com
Guest
Posts: n/a
 
      03-24-2008


Hi,

> is a type of Advanced (Child)selector,Unfortunately, while modern browsers such as Firefox and Safari support these advanceed selectors, IE6 and below do not.


Just remember to avoid using these more advanced selectors for
anything critical to the functioning of your site.

Regards
Prabha @ Ammu.


On Mar 24, 1:12*pm, "Just Me" <news.microsoft.com> wrote:
> The problem is that IE6 / 7 *does not seem to be *fully CSS compliant.
>
> If you use your example in Firefox, this works as expected. IE appears to
> break the rules over and over again. *I could quote you loads of examples of
> where IE fails to conform to CSS, here's two ive found in the last few days.
>
> 1.) Cannot style Select Option Elements Correctly. Will not allow other
> fonts in the list or format borders on list items. Firefox does.
>
> 2.) Border precedence on table cells, Fails to observe the reccomendations
> of CSS, Firefox works as expected.
>
> So, if in doubt, just check it on Firefox first before you blow your mind
> thinking you have coded it incorrectly, its normally is IE that fails in
> these instances in my experience. Its a shame, as in many other things I
> really like IE, but from a developers point of view it has issues.
>
> For general positioning, I normally develop on Firefox first and then it
> usually works in IE, but not the other way around.
>
> Cheers
>
> "Nathan Sokalski" <(E-Mail Removed)> wrote in message
>
> news:(E-Mail Removed)...
>
>
>
> > After a little research, I found that I was correct about the :first-child
> > pseudo-class, so I tried the following instead:

>
> > td.mystyle *:first-child+span
> > OR
> > td.mystyle a:first-child+span

>
> > Neither of these worked either, but I think I may have found the problem,
> > but I don't have IE7 so tell me if this is correct:

>
> > I am using IE6, and if I understand several of the websites I looked at,
> > IE6 does not support > or :first-child in CSS stylesheets. It did sound,
> > however, like IE7 did. Is this correct? This would explain why my attempts
> > seemed right (maybe they really aren't, but they at least seemed that way)
> > but still didn't work. Am I correct in saying this?
> > --
> > Nathan Sokalski
> > (E-Mail Removed)
> >http://www.nathansokalski.com/

>
> > "Nathan Sokalski" <(E-Mail Removed)> wrote in message
> >news:(E-Mail Removed)...
> >>I apologize for asking an ASP.NET newsgroup a question about CSS, but I do
> >>not know of any CSS newsgroups. I have a page with many areas that are
> >>composed of the following elements in the following layout:

>
> >> <td class="mystyle">
> >> * *<a></a>
> >> * *<span></span>
> >> * *<img/>
> >> * *<span></span>
> >> </td>

>
> >> For the td element, I obviously used the following selector:

>
> >> .mystyle{}

>
> >> For the a and img elements, I would have thought I would use

>
> >> td.mystyle>a{}
> >> td.mystyle>img{}

>
> >> Since the a and img elements are immediate children of the td element,
> >> but this did not seem to work, but the following did:

>
> >> td.mystyle a{}
> >> td.mystyle img{}

>
> >> Can someone tell me why the > did not work? This is my first time using
> >> the
> >> > technique in CSS, so maybe I am doing something wrong.

>
> >> The span elements were a little harder, since there are two of them. I
> >> tried the following for the first span:

>
> >> td.PoemRating span:first-child{}

>
> >> This did not work, so I am going to guess that it is because the span is
> >> not the first child, only the first child that is a span. Is there a way
> >> to take care of the span elements (without giving them a class attribute,
> >> if this is the only way, I can accept that)? Thank you for any help that
> >> anyone can provide.
> >> --
> >> Nathan Sokalski
> >> (E-Mail Removed)
> >>http://www.nathansokalski.com/- Hide quoted text -

>
> - Show quoted text -


 
Reply With Quote
 
Just Me
Guest
Posts: n/a
 
      03-24-2008
Didnt I just say that ?

FYI : IE7 does not appear to support this selector either.


<(E-Mail Removed)> wrote in message
news:(E-Mail Removed)...


Hi,

> is a type of Advanced (Child)selector,Unfortunately, while modern browsers
> such as Firefox and Safari support these advanceed selectors, IE6 and
> below do not.


Just remember to avoid using these more advanced selectors for
anything critical to the functioning of your site.

Regards
Prabha @ Ammu.


On Mar 24, 1:12 pm, "Just Me" <news.microsoft.com> wrote:
> The problem is that IE6 / 7 does not seem to be fully CSS compliant.
>
> If you use your example in Firefox, this works as expected. IE appears to
> break the rules over and over again. I could quote you loads of examples
> of
> where IE fails to conform to CSS, here's two ive found in the last few
> days.
>
> 1.) Cannot style Select Option Elements Correctly. Will not allow other
> fonts in the list or format borders on list items. Firefox does.
>
> 2.) Border precedence on table cells, Fails to observe the reccomendations
> of CSS, Firefox works as expected.
>
> So, if in doubt, just check it on Firefox first before you blow your mind
> thinking you have coded it incorrectly, its normally is IE that fails in
> these instances in my experience. Its a shame, as in many other things I
> really like IE, but from a developers point of view it has issues.
>
> For general positioning, I normally develop on Firefox first and then it
> usually works in IE, but not the other way around.
>
> Cheers
>
> "Nathan Sokalski" <(E-Mail Removed)> wrote in message
>
> news:(E-Mail Removed)...
>
>
>
> > After a little research, I found that I was correct about the
> > :first-child
> > pseudo-class, so I tried the following instead:

>
> > td.mystyle *:first-child+span
> > OR
> > td.mystyle a:first-child+span

>
> > Neither of these worked either, but I think I may have found the
> > problem,
> > but I don't have IE7 so tell me if this is correct:

>
> > I am using IE6, and if I understand several of the websites I looked at,
> > IE6 does not support > or :first-child in CSS stylesheets. It did sound,
> > however, like IE7 did. Is this correct? This would explain why my
> > attempts
> > seemed right (maybe they really aren't, but they at least seemed that
> > way)
> > but still didn't work. Am I correct in saying this?
> > --
> > Nathan Sokalski
> > (E-Mail Removed)
> >http://www.nathansokalski.com/

>
> > "Nathan Sokalski" <(E-Mail Removed)> wrote in message
> >news:(E-Mail Removed)...
> >>I apologize for asking an ASP.NET newsgroup a question about CSS, but I
> >>do
> >>not know of any CSS newsgroups. I have a page with many areas that are
> >>composed of the following elements in the following layout:

>
> >> <td class="mystyle">
> >> <a></a>
> >> <span></span>
> >> <img/>
> >> <span></span>
> >> </td>

>
> >> For the td element, I obviously used the following selector:

>
> >> .mystyle{}

>
> >> For the a and img elements, I would have thought I would use

>
> >> td.mystyle>a{}
> >> td.mystyle>img{}

>
> >> Since the a and img elements are immediate children of the td element,
> >> but this did not seem to work, but the following did:

>
> >> td.mystyle a{}
> >> td.mystyle img{}

>
> >> Can someone tell me why the > did not work? This is my first time using
> >> the
> >> > technique in CSS, so maybe I am doing something wrong.

>
> >> The span elements were a little harder, since there are two of them. I
> >> tried the following for the first span:

>
> >> td.PoemRating span:first-child{}

>
> >> This did not work, so I am going to guess that it is because the span
> >> is
> >> not the first child, only the first child that is a span. Is there a
> >> way
> >> to take care of the span elements (without giving them a class
> >> attribute,
> >> if this is the only way, I can accept that)? Thank you for any help
> >> that
> >> anyone can provide.
> >> --
> >> Nathan Sokalski
> >> (E-Mail Removed)
> >>http://www.nathansokalski.com/- Hide quoted text -

>
> - Show quoted text -



 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
css selectors help rodchar ASP .Net 3 07-20-2008 04:28 PM
Question about CSS selectors Jeanne D HTML 8 10-16-2005 01:12 PM
css - descendant selectors Nik Coughin HTML 2 01-29-2004 12:12 AM
CSS background competing selectors question Derek Clarkson HTML 3 11-07-2003 12:08 AM
Class and ID Selectors (CSS question) Matt Beckwith HTML 3 07-13-2003 08:39 PM



Advertisments