セレクターその15(only-child擬似クラス[CSS3])
こいつは使い道がイメージできないなぁ。
<html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function() { //一行目のspanだけ色が赤になる。 $("li span:only-child").css("color","red"); }) </script> </head> <body> <ul> <li><span>テキスト</span>テキストテキストテキストテキスト</li> <li><span>テキスト</span>テキスト<span>テキスト</span>テキストテキスト</li> <li>テキストテキストテキストテキストテキスト</li> <li>テキストテキストテキストテキストテキスト</li> </ul> </body> </html>
一行目の最初の「テキスト」だけが赤になると。