質問: 下のような場合に、「.abcの一つ上にあるpタグ」へのスタイル設定がしたいのですが、 そのようなことは可能でしょうか? --- ぷるぷる
回答: 他の方々の仰る通り、cssでは不可能です。 jquery等で対応はできますが、それよりも少し面倒ですが、 マークアップの仕方を変える方が当面は幸せかと思います。 経験上、マークアップを1階層(?)はさむことで対応できる場合が多いです。 例えばこんな感じです。 ``` 赤字で太字、枠線をつけて他と見た目を区別する それ以外 ``` ``` /* 全体を枠で囲む */ p{ border:solid 1px #000; } /* 内包するコンテンツの共通スタイル */ p span{ color:#777; } /* 特定のクラス用のスタイル */ p .abc > span{ border:solid 1px #aaa; font-weight:bold; color:red; } ```