- ベストアンサー
タグ単位でのスタイルシート適用
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
例えば INPUT[TYPE="TEXT"] { color: blue; } と書けばOK。 ただし、この表記法に対応していないブラウザ等にも対応するのなら、やはり id や class を使わざるを得ません。(IE はこの表記法に未対応です。)
その他の回答 (3)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
javascriptを使ってみてはどうでしょう? <BODY onload="setStyle()"> としておいて <script type="text/javascript"> <!-- function setStyle(){ var forms=document.forms; for(var i=0;i<forms.length;i++) for(var j=0;j<forms[i].elements.length;j++) if(forms[i].elements[j].type=="text"){ forms[i].elements[j].style.color="BLUE"; }; } //--> </script> の様にすれば、全部のテキストフォームのスタイルを変更できます。 また、同様にして、classをタグにスクリプトから動的に付けるというのもできると思います。
お礼
ご回答ありがとうございます。 確かにできますね。
- nitto3
- ベストアンサー率21% (2656/12205)
私は<div style=" ">、<style=" ">で済ませていますよ。
お礼
回答ありがとうございます。 はじめから書いておけばよかったです。
- urazen-sie
- ベストアンサー率16% (21/131)
グレップを使って <INPUT TYPE="TEXT"> → <INPUT TYPE="TEXT" class="~"> としてみては? 下記サイトより落とせるフリーのグレップソフトが便利です
お礼
回答ありがとうございます。 グレップについては考えていたのですが、 現行のソースに手をつけずに行いたいと思っていました。 もしグレップするのであれば、 紹介していただいたソフトは使えそうですね。
関連するQ&A
- スタイルシートのタグの入る部分
タグの本を読んでいたのですが、スタイルシートが推奨されるそうです。 私も使いたいんですが質問があります。 (背景) <STYLE type="text/css"> <!-- BODY { background-image : url(""); background-attachment: fixed; background-position: 100% 100%; } --> </STYLE> 一応HTMLの<body>タグの中に書いているのですが TEXTの場合 <STYLE TYPE="text/css"> #left {text-align:left;} </style> <body> <p ID="left">字</P> </BODY> スタイルシートの<STYLE TYPE~>から</BODY> をそのままHTMLの<BODY>タグの中に貼り付けて良いんでしょうか? 個人的には<body>タグの中にまた<body>タグ!? もしかすると<STYLE>タグは<HEAD>タグの間に ソースの<BODY>タグの中身だけHTMLの<BODY>に貼り付けるのでしょうか? もう一つ、先の背景と文字のスタイルシートを同時に使う場合 <STYLE>の中に背景と文字を一緒に書いていいのでしょうか? 自分としては<STYLE>タグが分かれているとバグらないか不安なんです。 まとめると (1) <HTML> <HEAD></HEAD> <body> <STYLE>ソース(中に<BODY>タグがまだ入っている)</STYLE> </BODY> </html> で良いのか? (2)HTML> <HEAD> <style>~</style>の部分 </HEAD> <body> <STYLE>ソース<BODY>タグで囲まれた部分 </BODY> </html> (3)二つのソースがあった場合 <style> ソースA と ソースB </STYLE> <BODY> ソースA ソースBのbody部分 </body> まとめて良いのでしょうか? ps まとめても、分けても WEB上にアップして見ても 普通に表示できました、でもどれかが無茶な(無理の、無駄のある) 文法だと思うんです。 解りづらい説明かと思いますが、アドバイス頂けませんか?
- ベストアンサー
- CSS
- CSSのスタイルシート適用について
<link href="/○○○.css" rel="stylesheet" type="text/css"> としてスタイルシートを呼び出した後に、再び <style type="text/css"> と記述してスタイルのいくつかを再設定することはできるんでしょうか?その場合はその宣言したものだけが変わって、LINKされたほうのスタイルシートデータも他の内容は生き残って適用されますか?
- ベストアンサー
- HTML
- スタイルシートが適用されない。
Servlet/JSPでWeb開発しているのですが、スタイルシートが反映されません。 ファイルの配置 app `---css `--- x.css `---WEB-INF `--- jsp `---ja `---a.jsp `--- class `---ja `---A.class スタイルシートの指定で../css/x.cssと指定しています。 http://localhost:8080/app/ja/A(a.jspを表示)では適用されます。 ですが、Tomcatと連携で Proxy /ja/ ajp://localhost:8009/app/ja/ を指定して、 http://localhost/ja/A を表示するとサーブレットは問題なく動きますが、x.cssが適用されなくなります。 どうすれば適用されますか?
- 締切済み
- Java
- スタイルシートの設定について
現在スタイルシート勉強中です。 最近とある解説書を購入、さわりだけ読んでみたのですが 「中途半端にCSSを覚えた場合、divタグやclassタグを濫用したHTMLになってしまう。 しっかり覚えればdivタグはほとんど使用しなくても済むようになるだろう」 といった事が書かれていました。 私の場合、まさにHTML内はdivタグとclassタグでいっぱいです。 でも1サイトにCSSの外部ファイル1枚を使用(全てのHTMLに1つのCSSファイルを使用)した場合、 pタグやhタグ自体にスタイルを設定するとサイト内のタグ全てにその設定が反映されますよね? となるとやっぱりclass分けするしか方法がないんじゃないかと思ったりしています。 皆さんは基本的CSSの設定方法はどのような感じですか? classでいっぱい設定、または1サイトに何枚もCSSファイルを用意し、ページによってCSSファイルを 使い分けているとか、HTML内に直接CSSを書いてしまうとか(これは修正が大変だと思いますが・・・)。 沢山ご意見が聞けるとうれしいです。どうぞ宜しくお願い致します。
- 締切済み
- HTML
- fontタグとスタイルシートの相対値
CSSでこういう使い方はありえないかもしれませんが、 1は60ptですが、2,3は何ptですか? このようにfontタグは一つ上のdivのスタイルシートに影響せずにfont sizeで完結していますが 値を相対的に変化させる(例えばdivの値の20%とか)ことはスタイルシートのしくみでありますか? <style type="text/css"> <!-- .a { font-size:60pt; } --> </style> <!-- 1 --> <div class="a">60pt</div> <!-- 2 --> <div class="a"><font size="-1">?px</font></div> <!-- 3 --> <div class="a"><font size="1">?px</font></div>
- ベストアンサー
- HTML
- スタイルシートが適用されない
いつも参考にさせていただいています。 現在index.html内で <link href="../css/style.css" rel="stylesheet" type="text/css"> という形で相対パスでスタイルシートを適用しようとしていますが、適用されません。 実際のフォルダ構成は以下のとおりです。 WEB-INF |__css |__style.css |__jsp |__index.html server.xmlのdocBase要素とか関係あるんでしょうか? 以下URLを参考にしましたがわかりませんでした。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1648272 以上宜しくお願いします。
- ベストアンサー
- Java
- スタイルシートの読み込みについて
はじめまして。 最近業務でスタイルシートを使うことになったのですが、 外部ファイルとしてスタイルシートを保存して、 HTMLの中にリンクの部分を書いておいても、 IEで表示したときに読み込んでくれません。(IEのバージョンは6.0です。) インターネットオプションのユーザー補助のところで、ホームページを見る場合は自分のスタイルシートを適用する、という設定にすれば読み込んで表示されるのですが、それをしないと、表示されませんし、 その設定にしてあっても、外部シートの上書きをした場合、更新ボタンをおしただけでは画面が変わらず、 いちいちインターネットオプションのところで 更新をしないと、外部シートの変更が反映されません。 どこがおかしいか分からず困っています。 「XPのせいでは?」とも言われましたが、 そうなのでしょうか? ぜひご回答よろしくお願いいたします。 下はソースでリンクを書いてある部分です <html lang="ja"> <head> <title>SAMPLE</title> <link rel="stylesheet"href="detail_2.css" type="text/css"> <script type="text/javascript"> </head>
- ベストアンサー
- HTML
- スタイルシート2
1.スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか? <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ!! といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような(くどい^^)気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ 2.さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル(省略できない)。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか^^ リンクできるのは、見やすく便利ですが・・・
- ベストアンサー
- その他(プログラミング・開発)
- IEで外部スタイルシートが反映されない
IEで外部スタイルシートが反映されない HPを製作したところ、 Firefoxでは、完璧に外部スタイルシートが適用されていたのですが、 IEでテストしたところ、CSSが全く反映されていてませんでした。 多くの皆さんがしてるように、 ヘッダーに、 <link href="style.css" rel="stylesheet" type="text/css" /> と記述しているのですが・・・ 原因としては何が考えるでしょうか? ご助力願います。
- ベストアンサー
- ホームページ作成ソフト
- 外部スタイルシートをブロックによって使い分ける方法?
htmlとstylesheetの初心者です。スタイルシートの書き方について教えてください。 例えば <div class="style1"> <!-- または <div id="style1"> --> ここでは外部スタイルシート style1.cssを使用 </div> ここではデフォルトのスタイルシートを使用 <div class="style2"> <!-- または <div id="style2"> --> ここでは外部スタイルシート style2.cssを使用 </div> のようなことをしてブロックごとに外部スタイルシートを使い分けるようなことができるのでしょうか?もしできるようならその方法をご教示ください。 style1.cssとstyle2.cssでブロックごとの見栄えを変えたいのですが・・よろしくお願いします。
- ベストアンサー
- HTML
お礼
回答ありがとうございます。 IEを使っての開発になりますが、 試してみましたがやはりダメでした。。 諦めて、idかclassを使用しようと思います。