人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSS3 セレクタで、星(★) の要素のみ選択する方法はありますか?


<div class="wrap">
<div class="item-a">item A</div>
<div class="item-a">item A</div>
<div class="item-b">item B</div> ←★
<div class="item-b">item B</div>
</div>


●質問者: piglovesyou
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● y-kawaz
●50ポイント

どういう条件なのか分かりませんが.wrap下の3番目のdivとかなら

.wrap>div:nth-child(3)

piglovesyouさんのコメント
y-kawaz様 説明が足りない中、アドバイスいただきありがとうございます。 Cherenkov さんの欄に、質問の補足をさせていただきました。 申し訳ありませんが、もし手段がありましたら追加でご回答いただけませんでしょうか。

2 ● Cherenkov
●100ポイント ベストアンサー

「 ←★」(空白部分?)のテキストノードを取得したいということでしたら、css3では無理です。spanなどで囲むか、DOMやxpathならできます。

追記
.item-b:nth-child(1), .item-a + .item-b{}
.item-b:first-child, .item-a + .item-b{}
.item-b:first-of-type, .item-a + .item-b{}

どれか。先のは.item-aが0個のときに効く。


piglovesyouさんのコメント
説明が全く足りず、申し訳ありません。。何か急いで買いてしまいました。 ★で示した要素「div.item-b」を選択するCSSセレクタです。 .item-a は、0個の時もあれば、100個のときもあり、いつも.item-b の前に来ます。 選択したいのは、 「最初の.item-b 」です。 first-of-type かな?と思ったのですが、うまく行きません。 もし手段があれば、お教えいただけませんでしょうか。

Cherenkovさんのコメント
.item-a + .item-b でどうでしょう

Cherenkovさんのコメント
追記しました

piglovesyouさんのコメント
来ました・・・。ありがとうございます。聞いて本当に良かったです。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ