/* CSS・スタイルシート質問スレ 上級者用【71th】

　 ,.-、　
　(,,■)　
あんこ

　　 /〜ヽ
　　（｡・-・） < 巨乳
　　 ﾟし-J

　　　　　　　　Ａ_Ａ　　　　　　　　　　
　　　./⌒▼⊂　・ ・つ　　
　*〜|●　 （ （＿_ω）＜モ〜　
　　　.∪∪〜U U

　　　　　 (V)∧_∧(V)
　　　　　　ヽ(･ω･)ノ　｡oO(あっ・・・)
　 　　　　　 /　 /
　　　　　　 ノ￣ゝ
　　　　　　　ﾖﾛﾖﾛ

日記でブログのタグソートのように記事ごとdivにid="nikki"やid="ryokou"をつけて
別途のリンクでその他を非表示にできる？
onmousedown="document.getElementById('ryokou').style.visibility = 'hidden';
document.getElementById('ryokou').style.display = 'none';
とすると一番上にあるdivしか消えないんだけとJavascript無しでできないかな？

JavaScript使ってるように見えるけど

無しでできないかな？って聞いてるということは今は使っているんじゃないか

sass/lessの話題はどこですか？

CSSベンダプレフィックス記述の変更提案、MozillaのFelipe Gomes氏が提示
ttp://news.mynavi.jp/news/2012/02/08/046/

SCSSみたいなことができるようになるのか。
ソースが今よりもっと綺麗になるなぁ

@-vendor-unlock {
box-shadow: gecko,(ry);
}
#elem {
box-shadow: (ry);
}

これはわかるが

@-vendor-unlock {
foobar: gecko/v1,(ry);
}
#elem {
foobar: 10px 5px;
-webkit-foobar-v1: 5px 10px;
}

これはどういう意味だ？変数指定できるってことか？

wordpress関数で出力される箇所にcssをあてても反映されません。
助けて下さい。
何故かよく似たページは反映されるのですが、
そのページへの単体だとcssが効かなくなります。
それも全てのcss効果ではなく、display:noneなどだけです。
どういったことが考えられますか。
よろしくお願いします。

>>963
これだけで、どうやって答えろと...

質問は初心者スレで

　　　／|∧_∧|
　　　||. ('ω'` |　今日のパンツはどんなかな
　　　||oと.　 Ｕ|
　　　||　|（__）Ｊ|
　　　||／彡￣ ｶﾞﾁｬ

　　　　 ＿＿_
　　　／|∧_∧|
　　　||. (　　　 | すいません　スレ間違えました
　　　||oと.　 　|
　　　||　|（__）Ｊ|
　　　||／彡￣ ｶﾞﾁｬ

　　 /〜ヽ
　　（｡・-・）.｡ｏＯ( おはゆ〜 )
　　 ﾟし-J

Sass 3.1.17 released.
ttp://sass-lang.com/docs/yardoc/file.SASS_CHANGELOG.html#3117

CSSに詳しい私でよければ何でもお答えします。 - W3Q http://w3q.jp/t/2081

おっぱいうp！

firefoxに対する
@-moz-document url-prefix("http://www.nicovideo.jp/watch/") {}
のように
特定のサイトに対してだけCSSを適用するように限定したいんですが、
ブラウザがIEの場合どのような方法がありますか？

質問させてください。
SELECTタグで表示する選択語りストについて、
OPTIONの数がSIZEを越えたときに表示される縦スクロールバーを
左側ではなくリストの右側に表示させたいです。
一応、SELECTブロックをDIVタグで囲んで、
そのDIVにスタイルシートでdirection:rtlを指定すれば
縦スクロールバーが左側に表示されるようになるのですが、そのままだと
OPTIONタグの文字列が右寄せになってしまいます。
（文字の並びを変えたので当たり前ではあるのですが）
何とかしてこのOPTIONの表示を左寄せに出来ないでしょうか？
（つまるところスクロールバーだけを左側に表示させたい）
対象のブラウザはIE6〜8です。
我が儘な要求とは思いますが、なんとかCSSだけで実現できないでしょうか…？

すみません。右と左が逆でした(；´Д｀)
通常右側に出る縦スクロールバーを
左側に表示させたいのです…。

スタイルに
select { direction: rtl; }
div { text-align: left; }

HTMLに
<div>
<select>
〜
</select>
</div>

じゃダメか？

>>974
遅くなってすみません。
その方法も試したのですが、やはりOPTIONの項目が右寄りになってしまいました。
仕方がないので、SELECT要素にマウスホイールなどのイベントハンドラを登録して
外側のDIVのscrollTopを変えて連動させるようにしました。
矢印キーやPageUP等のキーイベントも拾って連動させたかったのですが諦めましたｗ

optionにdir属性つけるのはどう？

少しCSSの事で質問します。

p.sample1:before {content: "●サンプル●" }

これなんですが、CSSに記述してもなぜかIE9だけが効果が出ません。
何か間違っているのか、それともIE9に問題があるんでしょうか？

自己解決しました。

<div> // ←この要素を選択子で指定したい。
　<div id="child_of_target">
　</div>
</div>

↑のように、idが分かっている要素の親要素を選択子で指定するにはどうすればいいでしょうか？

現時点で実用的な方法はありません。

>>979
親選択はcss4で検討中
現時点では無理

ありがとうございます。
子要素から親要素を指定する方法は諦めます。

保守

次スレ立てて落とすべきだと思います！

レイアウトを左右に線を引きながらセンタリングするにはどうすれば良いのでしょうか？
　　|　　.text.　　|.　　　　　|　　　text　　　|
　　|　　　　　　　|.　　と　　|　　　text　　　|
　　|　　　　　　　|.　　　　　|　　　text　　　|
　　|　　　　　　　|.　　　　　|　　　text....　　|
上記のようにセンタリングBOX内のコンテンツ量が少ない時、多い時に対応したCSSの書き方がわかりません…

>>986
boxに対してborderとpaddingとtext-alignを設定すればいいのでは?

それだと縦線がコンテンツの量の分しか表示でいないんですよね…
出来れば線をウインドウいっぱいに引きたいのです

それはもう別の要素じゃないか…

>>986
スクロールバーがそのbox内に入ってよければこんなやり方がある
ttp://camendesign.com/code/developpeurs_sans_frontieres
でも普通のスクロールバーの位置にしたいのならcssだけじゃ出来ない

>>988
それを最初に言え

>>998初心者スレ池

>>990
やっぱり出来ないんですね…
的確な回答、ありがとうございました

bootstrapのフォーム部分って複雑だよね。

埋

め

↓

thread: end;

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。