$story1 = ("<br /><br />But <u><b><span class='hint--top' data-hint='soft'>$noun1</span>
リンクされたcssスタイルシートを使用して、1つの単語をスパンしようとしています。クラスは働きたくない。私は何を間違っていますか?
期待どおりの結果が得られる場合は、このコードを試してください。
次の例では、"But This is a noun"にThis is a noun
下線が引かれ、薄い灰色で出力されます。
<?php
$noun1 = "This is a noun";
$story1 = "<br /><br />But <u><b><span class='hint--top' data-hint='soft'>$noun1</span>";
echo $story1;
?>
<style>
.hint--top {
color:#cccccc;
}
</style>
注:<u>
タグとタグを閉じることをお勧めします<b>
。そうしないと、HTML の残りの部分が下線付きの太字で表示されます。
「私の」コードで次の行を変更します。
$story1 = "<br /><br />But <u><b><span class='hint--top' data-hint='soft'>$noun1</span>";
に:
$story1 = "<br /><br />But <u><b><span class='hint--top' data-hint='soft'>$noun1</span></b></u>";
その場合。コードが動的に生成されているかどうかはわかりません。
コードに構文エラーがあります。引用符を適切に閉じる必要があります。[以下の修正コード]
$story1 = "<br /><br />But <u><b><span class='hint--top' data-hint='soft'>".$noun1."</span>";