css - If a child has a certain specific value, how to check and make "true" so that hover of the parent yields a result? -
okay, title worded terribly, know. don't know how describe this.
i editing "website" don't have access html or javascript or php or else. css, , can creatively manipulate html presented in website.
<div id="list"> <table> <tbody> <tr> <td class="td1">blahblahblah</td> <td class="td1">blahblahblah</td> <td class="td1">blahblahblah</td> <td class="td1"><a href="bleach.com">bleach</td> <td class="td1">score: 9</td> </tr> <tbody> </table> <table> <tbody> <tr> <td class="td2">blahblahblah</td> <td class="td2">blahblahblah</td> <td class="td2">blahblahblah</td> <td class="td2"><a href="naruto.com">naruto</a></td> <td class="td2">score: 10</td> </tr> <tbody> </table> </div>
so how it's set up. these 2 anime, bleach , naruto. naruto's score 10, bleach's 9. goal select parent table of anime contains score of 10 can set specific hover animation event using keyframes whenever anime score of 10's table hovered over.
now way set up, don't think there's way other manually selecting each anime score of 10 doing #list > table > td:nth-of-type(4) a[href*="naruto.com"] though i'm not sure that's relevant. that's how can select child, how select table parent style hover? there must way. :(
appreciate help can offer. if leave comment within next day should able respond immediately.
thanks.
please maintain in mind, can not give table class or id. have no access adding or editing within set html. need figure out different method. also, selecting table doing #list table:nth-of-type(n) not possible because list of tables ever-changing (tables added/removed), can sorted (altering n), , sheer volume (we're talking hundreds of tables) etc. throw out of play.
this not possible using css. need select attribute @ least. there proposal :content
selector css 3, didn't end in spec. (more info here).
css css-selectors
No comments:
Post a Comment