]http://www.w3.org/TR/css3-selectors/#selectorshttp://www.y-adagio.com/public/standards/tr_css2/selector.html#adjacent-selectors自分、よそ様のサイトのhtmlやcssをみて「へ~こうやってるのか、こうなってるのか」なんていう解析をほとんどしないので、こんな事しなくともスマートに解決する方法がどこかにあって、当たり前のように皆様は実装してるのかもしれませんが、あいにくとそのような素敵な方法を知らず、かといってむやみにcssの指定を増やすのも面倒臭いので、気が向いた時にしか調整してこなかった事が、隣接兄弟選択子を使うと簡単に解決できました。Playerが必要です。[追記|2009年9月9日2:24]外部内部どっちにもアイコンが表示される不具合があったので一応修正(できてる?)練習の方は[css]a[href^="http"]{background:url();padding-right:xxpx;}[/css]みたいにアイコンをbackgroundで表示してるけど、blogの方は[css]a[href^="http"]:after{content:url(画像);}[/css]てしてた。マッチしたものにアイコンをつけて、その後でhttp://blog.sakurachiro.comやhttp://sakurachiro.comと自分のドメインにマッチしたもののcontentを消す事になるんだけどcontent:noneで削除してた。)が表示されてておかしいなa[href^=”http”]:afterて効かないのかな?いやいや試したじゃないかと首を傾げながらcssをいじっているとcontent:none、これどうもFirefoxしか対応してない。“;て大丈夫なのか?もう一回ヨモツネットさんはどうやってるんだろうと確認しにいったらページが表示されなくなってた、たしか、IE6も対応するような丁寧なつくりだった記憶があるんだけど、残念。[追記|2009年9月3日15:52]http://sakurachiro.com/_exercise/stylesheet/index.htmlにアップしてあるけど、もうちょっと命名法を考えないと次のサンプルを作ったときに困るんじゃないのか?>自分[/追記]例のごとくちょっと遠いところからスタートしてしまい、当初の目的を見失いつつある。原理はcss3のE[foo^=”bar”]を使って、httpから始まるリンクをパターンマッチさせるというもの。|どむ)どちらもインライン要素、使った事ないけど正式名称書くと長ったらしくて面倒臭いから省略して使うようになってんだろうに、title属性で正式名称を書いておく必要があるそうな。2009.07.30コンディショナルコメント、IE用に指定するアレIE大嫌いけれど、どんなにみんなに叩かれても「そんなに文句いうならお前が作ってみろよ!」と言い出したりしないところは評価してる。IE大嫌いに変わりはない。コンディショナルコメントというものがあります。このブログにも使ってみました。IEにだけ読み込ませたり、読み込ませなかったり、IEのバージョン毎に読み込むものを変えたりできるアレです。[20090916修正]続きを読む2009.07.18横並びにしたリストを(手動だけど)簡単に均等配置ぽく見せるこれ、何故にいままで全く思いつかなかったのかが不思議でならない。以下のような配置をしたくなる時があります上記画像は、横幅380pxの親ブロックの中に、横幅120pxのサムネイル画像を均等配置で3個入れてあります。サムネイル毎の間隔は10pxかな。/></li></ul></dd></dl>[/html]css部分(余計な指定はすでにリセットしてあるとして)[css]dl{width:380px;}dt{margin-bottom:10px;}li{float:left;display:inline;margin-right:10px;}li.last{margin-right:0;}[/css]こんな感じで、liの最後に適当なclassをつけてmarginをリセットしてたんですよ。これだと余計なclassをhtmlに書かなきゃならなくて、美しくないし面倒だなぁと思いながらも。さっきおや?と思ったわけです右にmarginをとっていたけど、これ左にしたらどうだろう?と発想を変えてcssを[css]ul{margin-left:-10px;}li{float:left;display:inline;margin-left:10px;}[/css]こうしてみたら.lastが必要なくなったアアアアって話。2018年11月15日よく見られているページ2ヶ月ちょっとで15kg痩せた時のトレーニングメニュー。プロパティ)をコントロールして、テキストがボックスから飛び出さないようにしたい。illustratorこの操作を実行するのに十分な特権がありません。料理イラレ、アートボードをオブジェクトサイズに合わせる。