css attribute selectors 1717 Responses

Last post: 3 years, 9 months ago | Thread started: Aug 26, 09, 1:13 p.m.

RespondNew TopicDisable Images

• jbenjohnson

  Does anybody know of a list of all the possible attribute selectors that can be used? I know the basics like href, title, class, etc. But I want to know all my options.

  cheers

  Aug 26, 09, 1:13 p.m. – Permalink

• acescence

  any valid attribute of a tag can be used as an attribute selector. note that attribute selectors can be strange in IE, and don't work below 7

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 26, 09, 1:43 p.m. – Permalink

• jbenjohnson

  what about targeting a URL?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 26, 09, 2:28 p.m. – Permalink

• jbenjohnson

  for example, i want to auto-select a navigation item. can I do that via an attribute selector? (I can't touch the html).

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 26, 09, 2:30 p.m. – Permalink

• acescence

  what do you mean by auto-select a nav item? change it's styling based on the url it points to?

  this may help you...

  http://www.java2s.com/Code/HTMLC…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 26, 09, 2:56 p.m. – Permalink

• jbenjohnson

  yes. i'll check the link - i think it gave me an idea. thx

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 26, 09, 2:57 p.m. – Permalink

• neverblink

  this is actually pretty easy to do with jQuery, although when changing the css with JQ, it will take effect after the page has loaded.

  $("a [href='mylink.html']").css()
  or addClass() or whatever you want to do with it

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 12:48 a.m. – Permalink

• Stugoo

  you can use any attribute to select any element in any (modern) browser (other than ie6). or you can use javascript (as mentioned above).

  the you can find the attributes supported for each element here :
  http://www.google.com/url?sa=t&a…
  (pdf)

  • sorry that should be
    in any (modern) browser using CSS– Stugoo

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 1:57 a.m. – Permalink

• jbenjohnson

  good list stugoo. thx.

  I'd love to use javascript, but I can't add anything to the HTML, I can only modify the CSS.

  So i was thinking, if there was a way with an attribute selector i could say - when you're on a page that has "red" in the URL, the Red navigation item would be auto-selected.

  Make sense?

  again, I could easily accomplish this via html and js, but i don't have that option

  • is this for MySpace?– detritus

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 6:54 a.m. – Permalink

• Stugoo

  got some sample html? not sure what you are asking for

  • doh read it properly stu– Stugoo

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 7:01 a.m. – Permalink

• Stugoo

  I don't think that you can add an 'active state' to the page without adding a class to the html.... let me see what you got...

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 7:03 a.m. – Permalink

• jbenjohnson

  i don't really have anything at this point. the nav is in a UL and I'm trying to figure out the CSS.

  <ul>
  <li><a href="#">Red</a></li>
  <li><a href="#">Black</a></li>
  </ul>

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 7:14 a.m. – Permalink

• acescence

  like this...?

  http://culturekiller.com/qbeans/…

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 8:51 a.m. – Permalink

• TheBlueOne

  add an ID to the body tag and style from there, no?

  • Oh..nevermind...just read you can't edit the html– TheBlueOne

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 8:52 a.m. – Permalink

• jbenjohnson

  acescence - that's what i started with, but its not dynamic, it always makes that link red... am i reading that right?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 12:45 p.m. – Permalink

• acescence

  it makes any link with the word "red" in the href red, is that not what you want?

  • explain dynamic– acescence

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 1:08 p.m. – Permalink

• monNom

  inheritance?

  ul li a{ styling goes here }

  • whoops, just read the post about the 'red' in the url.
    disregard.– monNom

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 1:23 p.m. – Permalink

• monNom

  CSS3
  http://www.w3.org/TR/css3-select…

  a[href*="red"]

  poorly supported to date.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earAug 27, 09, 1:30 p.m. – Permalink