cssで文字装飾用の以下のクラスを作成しました。

.label { font-size:95%; color:blue; }

これを
<div id="view">
<span>ラベル1</span><span>ラベル2</span>~(以降大量に続く)
</div>
というhtmlに適用したいのですが、spanタグ全てに.labelを指定するのは見辛さからいっても
避けたいと思います。

出来れば
 #view span {
  .label
 }
というようにcssで対象を選択して既存のクラス定義を適用したいのですが、こういう感じで
一気に適用する記述方法はありませんでしょうか。

このQ&Aに関連する最新のQ&A

A 回答 (9件)

No.3.8 naokitaです。



複数のページや特定箇所以外にも、 class="label"があって、
特定の箇所の大量に続くspanが想定する場所のspanを
class="label"未使用で、他のclass="label"と統一したいって事ですね?
更に、.label{ } と #view span{ } とを
一箇所のみ(一発/一気)で一元管理したいんですね?
-----
今現在、2つのセレクタがあります。
.label{ } と #view span{ }
この場合、当然、2つの同じ値も存在するので、
変更時は、2カ所の変更が必要だから、一元管理とはいえません。
よって、2つのセレクタを一箇所で統一設定します。
1カ所だけの変更なら、一元管理と言いますね!?

>>あくまで一元管理したいんですよ。
1カ所だけの値を変更すれば、他のHTMLの .label と
特定箇所の #view span を同時に変更は出来る。
セレクタで値を定義するが、値をセレクタで定義は出来ない。
(属性セレクタを除く)
だから、
セレクタと同じ値を持つセレクタを同時に定義するって事!
これをCSSの「一元管理」と言う。
つまり、
.label と #view span を同時に指定し、値を統一する事。
.label , #view span{ color:blue;}

■ まずは、下部のソースを表示してから、CSSを変更しましょう。
      ↑↑↑↑↑↑↑↑↑
1、下部のソースを表示すると、「青」が見えると思います。
2、color:blue; を color:green; に一箇所変更すると、
  id="view"とid="view"以外のところも変更します。
※これが、CSSでの「一元管理」です!

このソースで1カ所で「color:green;」と変更できても
一元管理では無いと言うのなら、
動的に出力するしかないです。
class名をインクルードしましょう。
但し、適応させる為に別の動的ソースが必要です。
単に、CSSと同じですが、動的に一箇所で管理出来ます。
また、更に面倒なプログラムで書けば、
ボタン選択で適応させる事も可能。

それも面倒だというなら、XML,XSLで書いて下さい。
http://ja.wikipedia.org/wiki/Extensible_Markup_L …
spanで統一させる事すら必要はありませんから。
これならお望み通りの事が出来るでしょう。
-----

<html>
<head>
<style type="text/css"><!--
.label , #view span{ color:blue;} /* ←ここ1カ所のみ */
.red , #view span.re{ color:red;}
--></style>
</head>
<body>
<div id="test">
<h1>CSS一元管理 | 色比較</h1><hr>
<h2>以下は、id="view"以外のHTML</h2>
&lt;div id="<b>test</b>"&gt;
<span class="label">青</span> | <span class="re">赤</span> | <span class="label">青</span> | <span class="re">赤</span> | <span class="label">青</span>
&lt;/div&gt;
<p>上のHTMLソースが<q><strong>146</strong>文字</q></p>
</div><hr>
<div id="view">
<h2>以下は、id="view"</h2>
&lt;div id="<big class="re">view</big>"&gt;
<span>青</span> | <span class="re">赤</span> | <span>青</span> | <span class="re">赤</span> | <span>青</span>
&lt;/div&gt;
<p>上のHTMLソースが<q><strong>104</strong>文字</q></p>
</div><hr>
<h3>一箇所の値を変更するだけで、全部適応されますが・・・</h3>
<p>あとは、頭を柔軟に、貴方のHTML,CSSの書き方次第で、どうにでもなります。</p>
</body>
</html>

この回答への補足

ご回答ありがとうございます。
また、丁寧なサンプルまでご提示頂きありがとうございます。

さて、サンプルも確認させて頂きましたが、やはり要件を満たす事が出来ないようです。
前回の補足でも書きましたがあくまでも「.labelという宣言」があり、それを
「別のセレクタでも適用したい」という話ですので、「#view spanに同じ内容を記述」という時点でアウトなんです。

ちなみに頂いたサンプルだと「.label , #view span{ color:blue;}」をcssファイルに記載した場合、
そのcssを読んだhtmlファイルで#view spanまでも適用されてしまいますのでその点でも厳しいかと思います。


今回のご回答を確認し、私のやりたい事はcssでは不可能であると判断致しました。
長々とお付き合い頂き、誠にありがとうございました。

補足日時:2011/04/25 21:38
    • good
    • 0

NO.3回答者のnaokitaです。


整理ではなく補足事項ではないでしょうか?
当初の質問内容からならば、前回答者さん達は正解です。
-------
ORUKA1951さんの例は、IE6を除外した子セレクタや隣接セレクタなので
質問者さんと話が合わないんじゃないのかな?
それは、別として、
-------
<div id="view">というのは、IDですから
ページに1カ所しか存在しないはずです。
当初の質問では、
その#viewの中のspanを
<span class="label">ラベル1</span><span class="label">ラベル2</span>
とするのは、非効率だから、 class="label"を書かずに、
<span>ラベル1</span><span>ラベル2</span>
だけで、spanに、
{ font-size:95%; color:blue; }
を適応させたいって事ですよね?

誰もが、質問を読んでも、そう理解するはずです。
引っ掛かったのは、#view span{.label}の部分です。
こんな仕様は、CSSにありませんから、
回答としては、「出来ません!」となります。
そこで、
上記の条件で他の方法をCSSだけで考えると、
<div id="view">の中だけの
<span>をfont-size:95%; color:blue;にするには、
#view span{ font-size:95%; color:blue;}
です。
更に、他のページやセレクタをも考慮するから、
他の class="label"と#view内のspanに適応する為、
.label,#view span{ font-size:95%; color:blue;}
のようにすると条件が満たされます。
----
他の補足を読む限りでも、
 >「この宣言を、特定の要素内のspanに適用したい。」
 >というのが希望している内容であります。
特定の要素というのが、
<div id="view">って事ですよね?
その中の全てのspanに適応されるって事だから、
#view span{ font-size:95%; color:blue;}
で問題無いです。(パソコンの新旧ブラウザなら適応されます)
----
条件が満たされないというのであれば、
もしかして、以下の様に
<span>ラベル1</span><span>ラベル2</span>
その特定の要素に別の指定(赤81%)などにしたい<span>が複数あるなら、
<span>青95%</span><span>青95%</span><span>赤81%</span><span>青95%</span>
のように「赤81%」のspanも存在するという状況で、
<span>青95%</span><span>青95%</span><span class="labe3">赤81%</span><span>青95%</span>
として、
.label , #view span{ font-size:95%; color:blue;}
#view span.labe3{ font-size:81%; color:red;}
と部分的に上書き。
それでも、
<span class="labe">青95%</span><span class="labe">青95%</span><span class="labe3">赤81%</span><span class="labe">青95%</span>
などと書くよりは、かなり効率的です。
この様に、主とするspanを#view span{}で割り当てれば良い事です。
----
spanが複数あって分けたいのなら、
その#viewに無い(span以外)ような適当なタグを使えば済む。
例えば<b>を適応すれば済む話。
<b>青95%</b><b>青95%</b><span class="labe3">赤81%</span><b>青95%</b>
.label , #view b{ font-size:95%; color:blue; font-weight:normal;}
#view span.labe3{ font-size:81%; color:red;}
----
No.6さんの例なら、
.label , div.section span{ font-size:95%; color:blue;}
No.6での補足なら、
.label , div.label span{ font-size:95%; color:blue;}
.label , を追加するだけ。
----
全て試して違うなら、動的に出力に。

この回答への補足

えっとですね、naokitaさんもやはりORUKA1951さんと同様の解釈をされているかと思うのですが、
初めの質問でも整理した補足でも要件としましては一貫して
-------------------------------------------------------------
出来れば
 #view span {
  .label
 }
というようにcssで対象を選択して既存のクラス定義を適用したい
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
-------------------------------------------------------------
という事なのです。
例題に挙げるくらいなのですから当然上記の書き方が不可能なのは存じております。
あくまで「予め.labelといった定義を作成」しておき、「#view spanのように対象を指定してそこに
.labelという定義を適用する」という方法をお聞きしたいという事です。

補足日時:2011/04/24 18:06
    • good
    • 0

んー?


ブラウザの実装具合によるけど(具体的にはIE6とか古いのを排除するなら)

.label{/*省略*/}
#view span{color:red;}

<div id="view" class="label"><span /><span /><span /><!-- --></div>

これだとspanじゃない部分がどうって言う話だよね?確か。


.label,#view.label span,{font-size:95%;color:blue;}
#view.label span{color:red;}

<div id="view" class="label"><span /><span /><span /><!-- --></div>


後から書いた部分だけ上書きされるからサイズ95%の赤にならない?これで。

こういうのもやだっていうなら もうperlやphp使って独自includeスクリプト書くしかないんじゃないかな

この回答への補足

>後から書いた部分だけ上書きされるからサイズ95%の赤にならない?これで。
んー、そこだけ見るとそうはなるんですがやっぱり違うんですよね。

#view.label span{color:red;}
という記述で上書きすると確かに赤字にはなりますが、他のHTML等で.labelを使用している箇所は
そのままですよね。あくまで一元管理したいんですよ。

補足日時:2011/04/24 17:47
    • good
    • 0

>あくまで「この宣言を、特定の要素内のspanに適用したい。

」というのが希望している内容であります。

 ですから、それは子孫セレクタか子供セレクタをつかいます。
div.section span{font-weight:bold;}で、classの値配列にsectionをもつ【特定の】div要素内のspan要素に適用されますし、div.section>span)color:red}で、classの値配列にsectionをもつ【特定の】div要素内の直接の子供であるspan要素に適用されます。
<div class="section">
 <h2>見出し</h2>
 <p>なんたらかんたらは<span>重要(1)</span>である。</p>
 <span>重要(2)</span>
</div>
で、重要(1)は太字で、重要(2)は太字でかつ赤く表示されます。

この回答への補足

ご回答ありがとうございます。

div.label span{font-weight:bold;} ("section"とありましたが"label"に合わさせてもらいます)
という記述ですが、これは「この宣言を、特定の要素内のspanに適用したい。」の「この宣言」つまり
.label { font-size:95%; color:blue; }
を使用していませんよね?仮に.labelがdiv.label spanより先に宣言されていたとしても単なる上書きで
あり要件を満たしておりません。

例えば.labelのcolorをredに変更したとき、div.label spanという宣言部に対しても変更が必要となり、
これでは.labelを宣言した意味が低減してしまいます。
ですのであくまで「この宣言」をそのまま用いたいのです。

ご回答の程宜しくお願い致します。

補足日時:2011/04/24 11:15
    • good
    • 0

補足を拝見しましたが、それを読む限りでは、No.2で説明した方法でよいはずです。


きちんと読んでますか?

最初の質問にもある
>というhtmlに適用したいのですが、spanタグ全てに.labelを指定するのは見辛さからいっても
避けたいと思います。
 また補足の
>なので、まずセレクタで適用範囲を("#view span"のように)指定し、その範囲に用いたい
>クラスを指定するというような方法が無いのかが知りたいというのが主旨です。
 もしかり。

No.2の記事をしっかり読んでください。

>cssで文字装飾用の以下のクラスを作成しました。
>.label { font-size:95%; color:blue; }

 これはCSSの文法を明らかに理解されていないようです。
 この一文は「宣言ブロック」です。!!!
 そして、.labelは全称セレクタや要素セレクタを省力した記述方法で本来は
*.[class~label]と等価で、その省略形です。
 意味は、class要素の値リストにlabel1をもつすべての要素に適用させるというセレクタ文字列です。
REC-CSS2 邦訳 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
 をしっかり読むこと。でないと何を質問しているかを伝えることすらできないです。

 あなたの質問を翻訳すると
 { font-size:95%; color:blue; }という宣言ブロックを、class要素の値リストにlabel1をもつ【すべての】要素に適合するように記述しました。
 注)「上記クラスはspanタグに対して使う為に作成したものです。」は誤りですね。
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  すべての要素に適用されます。

   spanに適用するなら
    span.label1{}
   ^^^^^^^^^^^^でなければなりませんね。!!
 5.8.3 クラスセレクタ(Class selectors) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )


{ font-size:95%; color:blue; }
 もしこの宣言を、特定の要素内のspanに適用したい。たとえば、classのリスト値にsectionを持つdiv(無名ブロック)内のspanでしたら
div[class=~label1] span{font-size:95%; color:blue;}
省略して
div.label1 span{font-size:95%; color:blue;}
とかけます。このときspanの前にある半角スペースは、「子孫セレクタ」を示します。言い換えると
div[class=~label1]の傘下にあるすべてのspanを指定するセレクタ文字列です。
これを直接の子供だけに適用したいなら
 div.label1>spanになります。

実際に、No.2で示したHTMLとCSSを試してください。

 以上があなたがしたいことに対する回答です。

この回答への補足

ご回答ありがとうございます。
No.2でのご回答を私が理解していないとお思いでしょうが、ちゃんと読ませて頂いております。
その上で若干齟齬があるようなので詳細に返答させて頂きたいと思います。

まず、
>注)「上記クラスはspanタグに対して使う為に作成したものです。」は誤りですね。
これについては全く誤りではありません。あくまで「私がspanタグに対して使う」と決めて作成した
クラスであり、「spanタグに適用されるように作成した」とは書いておりません。
この辺りは単純に日本語の問題なのでこれでご理解頂けるかと思います。

蛇足ですが、これが適用されるのは「class属性に"label"を指定した」要素のみであり、
仰っている「すべての要素に適用されます。」というのは相応しくないと思います。

>もしこの宣言を、特定の要素内のspanに適用したい。たとえば~
上記ですが、仰るとおり「この宣言を、特定の要素内のspanに適用したい。」のですが、
以降のご説明およびNo.2のご回答はこの要件を満たしておりません。
なぜなら「div.label1 span{font-size:95%; color:blue;}」と直接CSSの内容を記述しているからです。

あくまで「この宣言を、特定の要素内のspanに適用したい。」というのが希望している内容であります。
つまり予め宣言した「.label」を活かせないと意味が無いのです。
以上、お手数をお掛けしておりますがご回答の程宜しくお願い致します。

補足日時:2011/04/23 20:11
    • good
    • 0

趣味でWEBサイトを作ってる者です。


<span>が仮にその色を変える対象しかないなら
span{......}でよいかと。
もしべつにもあるなら他の回答者様のような
div#view span{.....} ←質問にも特にid指定、class指定なかったので。
一応「id」と「class」の使い分けは、
「id」.....<div id="header">など他に出現しない使い方。
「class」......<p class="note emph">など複数指定する場合
        p.note{color:red}
p.emph{text-decoration:underline}
どちらも指定出来ますがこの様な感じで特定のspanにだけidもしくはclassをしていする。
こんなかんじでどうですか?
ちなみに<div id="note">→div#note{....}
<div class="note">→div.note{....} となります。
知ってたらごめんなさい。

この回答への補足

ご回答ありがとうございます。
すいません、質問内容がまとまっていなかったので整理します。

.label { font-size:95%; color:blue; }
上記クラスはspanタグに対して使う為に作成したものです。このクラスは複数のhtmlファイルから
使用される事を想定しており、またhtmlファイル内でも複数の箇所で使用されます。

これをSPANタグに適用しようとすると、普通は「<span class="label">」と書きますが、spanタグは
大量にあるためこれはなるべく避けたいのです。

なので、まずセレクタで適用範囲を("#view span"のように)指定し、その範囲に用いたいクラスを
指定するというような方法が無いのかが知りたいというのが主旨です。

補足日時:2011/04/23 16:39
    • good
    • 0

3回読んでやっと意味が分かりました。


それはできませんし、それができたとして、
<div id="view">
<span class="label">ラベル1</span><span class="label">ラベル2</span>~(以降大量に続く)
</div>
とする方が、非現実的です。
他のHTMLでも class="label"があると仮定して、

.label , #view span { font-size:95%; color:blue; }
<div id="view">
<span>ラベル1</span><span>ラベル2</span>~(以降大量に続く)
</div>
と、HTML側は<span>にままで、CSSに , #view span を追加。

この回答への補足

ご回答ありがとうございます。
すいません、質問内容がまとまっていなかったので整理します。

.label { font-size:95%; color:blue; }
上記クラスはspanタグに対して使う為に作成したものです。このクラスは複数のhtmlファイルから
使用される事を想定しており、またhtmlファイル内でも複数の箇所で使用されます。

これをSPANタグに適用しようとすると、普通は「<span class="label">」と書きますが、spanタグは
大量にあるためこれはなるべく避けたいのです。

なので、まずセレクタで適用範囲を("#view span"のように)指定し、その範囲に用いたいクラスを
指定するというような方法が無いのかが知りたいというのが主旨です。

補足日時:2011/04/23 16:39
    • good
    • 0

質問の意図がわからないのですが・・


CSSの文法上、規則集合と宣言ブロックになります
 CSS2の構文と基本データ型 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
 から、
#view span {
  .label
 }
はできません。
 .label という記述の意味をまず理解してください。これは
HTML内の<div class="label"></div>という要素をさしますが、これは
 属性セレクタ div[calss=~label]・・・class属性に空白で区切られた値にlabelを持つ要素の省略形です。div.label と、div .label は異なる。

 あなたのしたいことが、#view一意セレクタ(ID selectors)内のspan要素に適用したいのでしたら
div#view span という子孫セレクタでよい。直接の子供だけなら div#view>span (子供セレクタ(Child selectors))をつかう。
<div id="ABC">
 <p><span>あいうえお</span><span>かきくけこ</span><span>さしすせそ</span><span>たちつてと</span></p>
 <div>
  <span>あいうえお</span><span>かきくけこ</span><span>さしすせそ</span>たちつてと</span>
 </div>
</div>

CSS
div#ABC p{color:red;}
div#ABC p span{color:blue;}
div#ABC div span{clor:green;
div#ABC p>span{color:magenta;}
div#ABC div span+span+span{color:purple;}
div#ABC div span+span+span+span{color:yellow;}
とか

この回答への補足

ご回答ありがとうございます。
すいません、質問内容がまとまっていなかったので整理します。

.label { font-size:95%; color:blue; }
上記クラスはspanタグに対して使う為に作成したものです。このクラスは複数のhtmlファイルから
使用される事を想定しており、またhtmlファイル内でも複数の箇所で使用されます。

これをSPANタグに適用しようとすると、普通は「<span class="label">」と書きますが、spanタグは
大量にあるためこれはなるべく避けたいのです。

なので、まずセレクタで適用範囲を("#view span"のように)指定し、その範囲に用いたいクラスを
指定するというような方法が無いのかが知りたいというのが主旨です。

補足日時:2011/04/23 16:40
    • good
    • 0

#view span.label,.label{}



じゃ だめ?

この回答への補足

ご回答ありがとうございます。
すいません、質問内容がまとまっていなかったので整理します。

.label { font-size:95%; color:blue; }
上記クラスはspanタグに対して使う為に作成したものです。このクラスは複数のhtmlファイルから
使用される事を想定しており、またhtmlファイル内でも複数の箇所で使用されます。

これをSPANタグに適用しようとすると、普通は「<span class="label">」と書きますが、spanタグは
大量にあるためこれはなるべく避けたいのです。

なので、まずセレクタで適用範囲を("#view span"のように)指定し、その範囲に用いたいクラスを
指定するというような方法が無いのかが知りたいというのが主旨です。

補足日時:2011/04/23 16:40
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q外部スタイルシートで定義したスタイルの継承のようなものは可能でしょうか

外部スタイルシートで定義したスタイルの継承のようなものは可能でしょうか?


以下、例で説明すると、「main」スタイルを「sub1」と「sub2」が継承し、
「sub1」は「main」の「color」を継承し、「text-align」をオーバーライドしたい。
「sub2」は「main」の「text-align」を継承し、「color」をオーバーライドしたい。


【例 : 外部スタイルシート】
.main {
color : red;
text-align : center;
}

.main.sub1 {       ←実際はこのような指定ではできない
text-align : left;
}

.main.sub2 {       ←実際はこのような指定ではできない
color : blue;
}


【例 : htmlファイル】
<div class="sub1">あいうえお</div>  ←左寄せ&赤字にしたい
<div class="sub2">あいうえお</div>  ←センタリング&青字にしたい

外部スタイルシートで定義したスタイルの継承のようなものは可能でしょうか?


以下、例で説明すると、「main」スタイルを「sub1」と「sub2」が継承し、
「sub1」は「main」の「color」を継承し、「text-align」をオーバーライドしたい。
「sub2」は「main」の「text-align」を継承し、「color」をオーバーライドしたい。


【例 : 外部スタイルシート】
.main {
color : red;
text-align : center;
}

.main.sub1 {       ←実際はこのような指定ではできない
text-align : left;
}

...続きを読む

Aベストアンサー

#2です。

> .main.sub1 {       ←実際はこのような指定ではできない
一応、その書き方も有りです。
例えば、以下のように。

--------
<style type="text/css"><!--
.main { color: orange; text-align : center; }
.main.sub1 { color: blue; }
--></style>
</head>
<body>
<div class="main sub1">あいうえお</div>
--------

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Qhtmlのfileタグに自動で値を入れる方法

htmlのタグでいって
<input type="file">を用いてファイルをサーバーにアップロードしたいと思っています。で、このとき、ファイル名は任意に選べるのではなく固定で送信したいと思っています。

すなわち、HTMLを読み込んだ時点で、fileのテキストボックスにファイルパスが埋め込まれているか、JavaScriptで、ファイルパスを自動入力するようにしたいと思っています。

最終的には、form内のオブジェクトをすべて非表示にし、onload時にsubmitするような形にしたいと思っています。いろいろ事情があって苦肉の策になっています…。

とりあえず(だめだとは思っていたのですが)
<input type="file" value="ファイルパス" name="filepath">
と直書きにしてみたり
document.all.filepath.value = "ファイルパス";
などとしてみたりしましたがだめでした…。
W3C勧告の使用上はvalueでファイルパスを指定できるようになっているようなのですが、現在の一般的なブラウザでは禁止されているようですね。

このような場合、何らかの方法でfileにファイルパスを自動入力することはできますでしょうか?
もしできない場合、何らかの方法で実現する方法はありますでしょうか?よろしくお願いします。

ちなみに実現できればいい環境は
WinXP環境のIE6です。言語はクライアント言語はJavaScriptのみで、という条件付です。
できないかもしれないのですが、こういうのって必要になるときもあるよなーなどと思っており、もしかしたら解決方法があるかもしれないと思い質問しました。よろしくお願いします。

htmlのタグでいって
<input type="file">を用いてファイルをサーバーにアップロードしたいと思っています。で、このとき、ファイル名は任意に選べるのではなく固定で送信したいと思っています。

すなわち、HTMLを読み込んだ時点で、fileのテキストボックスにファイルパスが埋め込まれているか、JavaScriptで、ファイルパスを自動入力するようにしたいと思っています。

最終的には、form内のオブジェクトをすべて非表示にし、onload時にsubmitするような形にしたいと思っています。いろいろ事情があって苦肉...続きを読む

Aベストアンサー

やっぱ無理じゃないでしょうか。
なにか裏ワザ的な方法で一時的にできたとしても、いつか直されるかもしれないのでおいそれとは使えないし。

>W3C勧告の使用上はvalueでファイルパスを指定できるようになっている
→参考URL 「ユーザが明示的に送信を求めたファイル以外のものは送ってはいけない」とあります。

参考URL:http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/appendix/notes.html#forms-security

QCSSでreadonlyの機能はありますか?

ASPにてCSSを使用しています。
inputタグを読取専用(readonly)にしたいのですが、
スタイルシートでの指定の仕方がわかりません。
よろしくお願いします。

Aベストアンサー

> スタイルシートでも「IME-mode」の設定等、入力に関する制御も可能でしたので

それは某ブラウザが勝手に CSS を拡張して付けた機能で、本来の CSS ではそのようなことはできません。
CSS はあくまでも見た目つまりスタイルをデザインするためのものだと考えるべきです。

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Qidを使わずにonclickで自身の要素取得

javascriptで
<a href="XXX.XXX" title="ゴール" onclick="element()">test</a>
function() {
idを使わずにここにtitle属性のゴールを習得する方法を記述したいのですが、わかりません
よろしくお願いします
}

Aベストアンサー

こんにちは。


==== HTML
<a href="" title="ゴール" onclick="getTitle(this);return false;">test</a>
<a href="" title="スタート" onclick="getTitle(this);return false;">test2</a>


==== JavaScript
function getTitle ( obj ) {
var title = obj.getAttribute('title');
alert ( title );
}

こういうことでしょうか。
違っていたらすみません。

Qdiv要素内の全input要素をdisable

Javascriptで、あるdiv要素内のチェックボックスやテキストフィールドなどのinput要素を
すべてdisableにしたいです。
以下でうまくいきません。どなたかお知恵を頂けないでしょうか?
よろしくお願い致します。
var input_tags = document.getElementById("div_id").getElementsByTagName("input");

for(var input_tag in input_tags)
{
input_tag.disabled = true;
}

Aベストアンサー

var input_tags = document.getElementById("div_id").getElementsByTagName("input");

for(var i=0;i<input_tags.length;i++){
input_tags[i].disabled = true;
}

Q一部CSSを無効にする

数ページのテーブルをcssファイルを使って半透明化させ背景が薄く見えるようにしています。
そこでテーブル自体だけでなくテーブル内の画像や文字も半透明化されるのですが、あるページのテーブル内にある数枚の画像のみを半透明化したくない場合、どのように書けば良いですか?
CSSはあまり、というか全く詳しくなくて、idやclassというのも調べてみたのですが、
目的のものに辿りつけず…困っています。宜しくお願いします。

Aベストアンサー

 とりあえず下記サイトは読まれましたか?下記は比較的わかりやすく説明していると思います。

参考URL:http://www.tohoho-web.com/css/basic.htm

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

QSELECT文で、指定カラム以外の全カラムを一括指定って可能でしょうか

SELECT文で、指定カラム以外の全カラムを一括指定って可能でしょうか?
MYSQLサーバのバージョンは5.0.77です。

下記のように「*」を使用して指定テーブルの全カラムを表示する方法がありますが、
SELECT TableName.* FROM TableName

上記の逆で、指定テーブルの指定カラム以外の全カラムを一括指定って可能でしょうか?
例えば下記のような「^」みたいな、又は同等な書き方があれば良いなと思ってまして。
SELECT TableName.^ColumnName1 FROM TableName

ちなみに、下記のように一つ一つ表示したいカラムを指定する方法以外です。
SELECT TableName.ColumnName2 , TableName.ColumnName3 FROM TableName

よろしくお願いします。

Aベストアンサー

ない。
SQL文でそんなことをするより、メソッドとして作ればいいんじゃないですか。
だいたい、それ以外のカラムの数がわからないし、並びも不明だし。

#1に方と同じで
SELECT * from xxxx
なんてのは正気の人間は書きません。
カラムの数も位置も属性もわからないSQL文の結果をどうやって扱うのか。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング