質問: cssに関する質問です。 下記2点の実装方法があれば教えてください。 1.src属性をcssで設定 →cssの切り替えで、画像の表示を制御したい 2.onclick属性をcssで設定 →cssの切り替えで、クリック時の挙動の違いを制御したい #実装イメージ *css img#image{ src:url(img/hello.png); onclick:"alert('hello');"; } img.#image.bye_mode{ src:url(img/bye.png); onclick:"alert('bye');"; } *js(jquery) $("#image").toggleClass("bye_mode");
回答: CSSではできない。 (昔のIEならexpressionでスクリプト実行できた) Sass,LESS,Closure StylesheetsのようなCSSを拡張したメタ言語を自分で作るしかないと思います。 (JSでやったほうが早い)