
pHpで作ったリンクボタンについてです。
〈?php
if(!empty($row[1]))
〈style〉{
.link_button:before {
font-family: "Font Awesome 5 Free";
コンテンツ: '\ f02b';
フォントの太さ:900;
}
.link_button {
font-weight: bold;/*太字に*/
text-decoration: none;/*下線消す*/
background: skyblue;/*背景を水色に*/
color:white;/*文字を白に*/
padding:1% 2%;/*内側の余白*/
margin:1%;
display:inline-block;
border-radius: 20px;/*角を丸くする*/
font-family: 'Avenir','Arial';/*フォントをいい感じに*/
}
.link_button:hover {
background: silver;/*背景色をシルバーに*/
text-decoration: none;/*下線を消す*/
}
.link_button a:visited {
color: gray;/*文字をグレイに*/
}}
.link-button a
{font-size:1.5vw;
}‹/style›
}:?〉
とaタグのクラスを
link_bottonにしているのですが、
[1]~[6]まである時
上記と同じcssをつかうのですが、〈a href="[$row2]" class="link_botton2"〉のようしてクラスを分けないといけないのでしょうか?
空白のときはcssを表示したくないです。
ネックなのがFont Awesomeを使っているので[](配列)があってもなくってもcssが適応されてしまうのでFont Awesomeは諦めるしかないですか?
No.1ベストアンサー
- 回答日時:
css、今回はhtmlファイル内に<style>要素で書き出しているように見受けられます。
cssは別にPHPに依存するものではありません。
また、クラスセレクタで用意したcssは、特定の要素、今回で言うと6つの<a>要素のうちの1つに依存するものではありません。
クラスセレクタのcssは1つあれば事足ります。
6つの<a>要素のクラス属性にlink_buttonと記述すれば済みます。
<a href="1つめのa要素" class="link_button"></a>
<a href="2つめのa要素" class="link_button"></a>
<a href="3つめのa要素" class="link_button"></a>
<a href="4つめのa要素" class="link_button"></a>
<a href="5つめのa要素" class="link_button"></a>
<a href="6つめのa要素" class="link_button"></a>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
個別にリンクの色を変える方法
-
最近、HTMLのヘッダーをIDで定...
-
dreamweaverのコード画面で波線。
-
CSSの適用を一部だけ除外したい。
-
HTML要素のid/class名の長さに...
-
同ページ内でリンクの色を変え...
-
リンク文字の 一部だけ色を変...
-
特定の見出しのみ前後の空白を...
-
CSSのクラス名・ID名の指定でワ...
-
CSSで背景画像をランダムに同画...
-
htmlの文字が縦書きになる
-
含む含まないという概念自体の...
-
HTML の繰返し法???
-
複数のボタンを等間隔に、かつ...
-
htmlのolやulなどlistにtitleや...
-
ボタンをセル内一杯に表示させ...
-
ヘッダーとフッターだけ背景を...
-
HTML属性での「""」 「''」違い
-
html タグの閉じスラッシュ前の...
-
htmlの<ol>タグで、数字などを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのid属性って必要なの?
-
個別にリンクの色を変える方法
-
idの中のid指定
-
liリストタグの背景色に色がつ...
-
サイトにjQueryが使用されてい...
-
HTML要素のid/class名の長さに...
-
CSSのクラス名・ID名の指定でワ...
-
a要素の色を複数使い分ける方法
-
FC2掲示板をトピック一覧表示型...
-
スタイルシートについて
-
CSSに同じclass名がいっぱい‥。...
-
brにクラスをつけてcssでdispla...
-
webデザイン 疑問点
-
CSS 記事内link色変更方法
-
親エレメントに含まれる子エレ...
-
cssでIEとFIREFOX(とchrome)の...
-
CSS内で使われる山括弧の意味が...
-
css:positionの挙動について
-
スタイルシートのドットが#に...
-
dreamweaverのコード画面で波線。
おすすめ情報