アプリ版:「スタンプのみでお礼する」機能のリリースについて

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は諦めるしかないですか?

A 回答 (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>
    • good
    • 0

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