How to use various selectors in SIFR 3r436

Question

sIFR.replace(neutra, { selector: '#nav li', css:[ 'a { color: #ffffff; text-decoration:none; font-size:14px} a:hover { color: #d75a60; text-decoration:underline;}'], wmode: 'transparent', preventWrap: true ,forceWidth: true ,fitExactly: true ,forceSingleLine: true ,offsetTop: 0 ,offsetLeft: 0 ,tuneWidth: 0 ,tuneHeight: 0, });

and i need to style a b inside a span inside a div ... and i just can't find the way, if i add another sIFR.replace(blah... it won't work, it messes with the other replacement sometimes :S any good reference? thanks in advance.

Answer 1

I'm not sure why you're having trouble with two separate .replace declarations, but in any case, I belive you can chain them within a single declaration using a comma, like this:

sIFR.replace(neutra, {
  selector: '#nav li, div span b',
  css:[ 'a { color: #ffffff; text-decoration:none; font-size:14px} a:hover { color: #d75a60; text-decoration:underline;}'],
  wmode: 'transparent', preventWrap: true ,forceWidth: true ,fitExactly: true ,forceSingleLine: true ,offsetTop: 0 ,offsetLeft: 0 ,tuneWidth: 0 ,tuneHeight: 0,
});

Answer 2

thanks a lot, i actually resolved this using

sIFR.replace(myfont, {
selector: '#right-column h1',
css: [ '.sIFR-root {color: #921c22;}' ]
}); 

the .sIFR-root was the key!