![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
ちは!
さてさて~スタイルシートで、たとえばページ内のtableすべてにスタイルシートを適用させるため書くのは
TABLE{
うんぬん
}
ですが!この状態で、ページ内の数個のtableにはこの「うんぬん」を適用させたくない!
だからって、適用させたいtableにclassを設定しテクノは面倒だ!
そこで!、適用させたくない数個のtableに、「TABLE」に対してのstyleは適用させない!っていうclassを書く。
そんなCSSありますか?(わかりにく・・・い・・・)
とりあえず、「ここは適用しなくていいよ」っていうCSSありませんかね?探してもないものはないんでしょうか・・・
No.2ベストアンサー
- 回答日時:
inputにborderなんかを適応させようとすると
checkboxに余計な線が・・・。
という似たような経験があります。
私の場合は、適応したくないinputにclass付けをし
もともとに適応させていたスタイルを無効にするような
記述をして対処しました。
具体的にはこうです。
input{
border:solid 1px #000;
/*全てのinput要素に1px、黒の罫線で囲む*/
}
input.nostyle{
border:0px;
/*罫線をなくす*/
}
<input type="checkbox" name="use_cookie" value="on" class="nostyle">
<input type="submit" value="SUBMIT" name="submit">
ちなみにCSSを弾くCSSというのは残念ながらないです。
そのかわりに、font-styleやline-heightなど多くの
プロパティにnormalやnoneなどの値が用意されています。
つまり、弾くという発想ではなくて標準の状態をCSSで指定する
という発想でしょうか。
そうなんです!チェックボックスとかに余計な線が(ノ_・。)
あれが気に食わなくて(笑)
nostyleですか!
>つまり、弾くという発想ではなくて標準の状態をCSSで指定する
でしたm(__)m
とてつもなくすっきりしました☆
ありがとうございました
No.3
- 回答日時:
適用させたくないtableがほんの数個なら、そちらにclass="nostyle"などと割り当てて、スタイルシートでうんぬんをしない設定をすると早いと思います。
適用させたくないtableがある程度連続してあるのなら、
<div class="nostyle">
<table>....</table>
<table>....</table>
<table>....</table>
</div>
という具合に適当なdivで囲んで、スタイルシートを
div.nostyle table {
}
(↑classがnostyleのdivの中に存在するtableのスタイルを設定)
としてうんぬんをしない設定を施すといいのでは?
ページごとで分けるなら、bodyにクラスを振るといいと思います。
#"「ここは適用しなくていいよ」っていうCSS"はちょっと聞いたことないですね。No.2の方の
>つまり、弾くという発想ではなくて標準の状態をCSSで指定する
という発想でしょうか。
で正解だと思います。標準というのはあくまでブラウザの解釈で、変化するわけですから、むしろこちらで指定していたほうが安全かもしれません。
ありがとうございます!nostyleですなぁ~しらなかったぁ~そのまんまでしたね(笑)
しかも、クラスをそこまで指定できるとはしりませんでした、DIVのnostyleをtableだなんて・・・こまか(笑)
またここでは2つも勉強させていただきました。。
ありがとうございます
No.1
- 回答日時:
全体の定義に、
TABLE{
を使うと、すべての<table>が対象になりますので、ある一部の<table>だけを対象外にすることは出来ないですね。区別がつきませんから。
ですから、区別をしてやる必要があります。
IDを振ったらダメなんですか?↓こんな感じ。
#id名 { プロパティ: 値 };
要素名#id名 { プロパティ: 値 };
もうひとつの方法は、対象外の<table>だけ別の定義をすることしか思いつきません。
定義を有効にしたい<table>としたくない<table>が比較的片間ってあるなら、<div>で有効範囲を限定する方法もあります。
この回答への補足
TABLE全体に対してのにstyleふって、一部のTABLEにclass指定すればclassのほうが有効になりますよね?で、classよりIDが有効。こういった解釈で行きますが、
じゃ、TABLE{
つかっても一部にクラス指定すればTABLE{
ははじけるんですよね・・・
でも本題は全体に定義されたTABLE{
をはじくCSSがあるかってことだから、それがないならしょうがないです・・・レイアウトコンテナしかないんですね、
実際はTABLEでなくINPUTに対してなんですよね、
今外部CSSですべてのページのINPUTにたいしてCSS適応されてるんですが
INPUTに対してCSSを適用する必要があるものとCSSを適用したくないINPUTが混在したページができちゃって…
だからCSSを適用したくないINPUTをdefaultに表示したくて、CSSを弾く?CSS(矛盾といえば矛盾のCSS)があればclassでしていしてデフォルトの表示にできればなって、
そういうしこうでした(+_+)わかりにくいですね・・・
わかってください
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- MySQL SHOW CREATE TABLE posts;これって何ですか? 3 2022/08/28 22:57
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- Excel(エクセル) エクセル マクロ A列の <table> ~ </table>までを C列に抜き出したい 6 2023/04/01 01:28
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
<th>タグを使っても太字にしな...
-
正規表現で「より前」と「より後」
-
HTMLで<HR>以外で線を引く方法...
-
HTML tableのセルにtextareaを...
-
HTML5で、テーブル内tdタグの高...
-
テーブル幅が固定できない
-
テーブル内のセル間にスペース...
-
Table のボーダーを非表示にし...
-
画面幅に合わせてテーブルのカ...
-
tableタグとtableタグの間の余...
-
VBAで作れるかな?
-
フレームの境界線にぴったりつ...
-
FC2のHPに「FC2投票」がうまく...
-
TR タグの表示・非表示を一括で...
-
table表を横に並べる際の間隔指定
-
テーブルの一部のセルだけ罫線...
-
終了タグは省略可?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
同じ幅指定のつもりなのに、ブ...
-
<fieldset>タグについて
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
html5のテーブル内でdivのタブ...
-
テーブル内のセル間にスペース...
-
ホームページのテキストを折り...
-
TR タグの表示・非表示を一括で...
-
tableの位置がIEとその他ブラウ...
-
textareaの外側の文字が下付き...
-
テーブルの高さを100%にしたけ...
-
ラインを端から端まで画面いっ...
おすすめ情報