![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
fontsize.jsでhtmlの大中小の設定を行っているのですが、どうしても大きさをデザイン上変更したくない文字の処理がわからなく困っております。
以下の設定なのですが、ヘッダー等に大きくすると崩れてしまう箇所があったり、
tableの中でも同様な箇所を変更しないようにしたいのです。
【html】
<p class="mess2"><img src="../common/images/title_size.gif" alt="サイズ" /><a href="#" id="smallLink"><img src="../common/images/bu_small.gif" alt="" id="small" /></a><a href="#" id="middleLink"><img src="../common/images/bu_middle_o.gif" alt="" id="middle" /></a><a href="#" id="largeLink"><img src="../common/images/bu_large.gif" alt="" id="large" /></a></p>
JSファイルの設定箇所
以下のほかにクッキーの処理、画像の処理、初期化の処理、load時の処理が記載
var now_size = 'middle';
// フォントサイズを小に変更
function smallFontSize(){
var size = "small";
setFontSize(size);
changeImage(size);
setCookie("@fontsize", size);
}
// フォントサイズを中に変更
function middleFontSize(){
var size = "middle";
setFontSize(size);
changeImage(size);
setCookie("@fontsize", size);
}
// フォントサイズを大に変更
function largeFontSize(){
var size = "large";
setFontSize(size);
changeImage(size);
setCookie("@fontsize", size);
}
// 指定されたフォントサイズに変更する
function setFontSize(size){
var fontSize;
var smallFontSize;
switch(size){
case "small":
fontSize = '11px';
smallFontSize = '10px';
break;
case "middle":
fontSize = '12px';
smallFontSize = '11px';
break;
case "large":
fontSize = '14px';
smallFontSize = '12px';
break;
}
$('a,p,td,th,li,dt,dd,pre').css("font-size", fontSize);
$('.smallText *').css("font-size", smallFontSize);
}
No.1ベストアンサー
- 回答日時:
変更したくない箇所にclass="sonomama"とか付けられれば、
例<th class="sonomama">
jQueryのセレクターで除外出来るのでは、..
$('a,p,td:not(.sonomama),th:not(.sonomama),li,dt,dd,pre').css("font-size", fontSize);
みたいに、
あるいは、CSS定義の方で
!important
を付けるとか
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS htmlの文字が縦書きになる 2 2023/03/01 21:31
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【iOS及びAndroid】リンク画像...
-
【jQuery】2分割レイアウトで、...
-
自動でスライドし、伸び縮みす...
-
アコーディオンメニューが開い...
-
Javascriptで画像のフェードイン
-
画像をフェードアウト&フェー...
-
MAX関数を使ってからLEFT JOIN...
-
JSPでの画像ファイル表示
-
javascriptテキストBOX色を元に...
-
連番画像「次へ」「前へ」で、...
-
中心を軸にくるくる回るjQuery ...
-
MFCで画像を表示させているので...
-
大量のチェックボックス状態取...
-
リンク先がそれぞれ別の画像の...
-
htmlとcssに関する質問です
-
window.openで値の渡し方を教え...
-
【javascript で動的に a タグ...
-
jQueryで同じクラス名のものを...
-
ボタンをクリックした時に、キ...
-
javascriptで複数の画像をラン...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Slick.jsのオプションrtlについて
-
同一ページ内の複数のタグに同...
-
【jQuery】2分割レイアウトで、...
-
キャラクターがぴょこんと飛び...
-
画像をフェードアウト&フェー...
-
jqueryのプラグインslickの画像...
-
html5に変えるとスライドショー...
-
Javaスクリプトで画像を縦にス...
-
javascriptで文字サイズの変更
-
jQueryでタブ、スライダーを使...
-
high slideをFC2ブログで
-
ご教授ください。
-
チェックボックスと画像切替の連動
-
jQueryのclickイベントハンドラ
-
Firefoxとクロームでフェードイ...
-
神経衰弱 順番に裏返し
-
アコーディオンメニューが開い...
-
【iOS及びAndroid】リンク画像...
-
fontsize.jsでhtmlの大中小の設...
-
javascript src書き換え
おすすめ情報