1. ホーム
  2. 使い方 Blocs
  3. 設計
  4. ナビゲーションリンクのスタイリング
  1. ホーム
  2. トラブルシューティング
  3. ナビゲーションリンクのスタイリング

ナビゲーションリンクのスタイリング


ナビゲーションメニュー内にあるテキストリンクのスタイルを設定する最も簡単な方法は、にあるタイポグラフィオプションを使用することです。 プロジェクト設定.

ある時点で、カスタムクラスを使用して、ナビゲーションバーにネストされたテキストリンクのスタイルを設定したい場合があります。 ナビゲーションリストにカスタムクラスを適用するだけでは、そのリスト内のリンクのスタイルを設定することはできません。 ナビゲーションリンクのスタイルを設定するには、最初に親ナビゲーションリストにカスタムクラスを指定し、次にそのカスタムクラスを使用してリスト内のリンクを参照する必要があります。

1.ナビゲーションリストを選択し、カスタムクラスを適用します。 マイナビリスト。 カスタムクラスの追加について詳しく読むことができます ここ.

2.キーボードショートカットを使用します ⌘+ 6 クラスマネージャを開きます。

3.次に、ナビゲーションリストクラスを参照する新しいクラスを作成する必要があります。 マイナビリスト 次に、その子リンクをターゲットにするか、 a タグ。 クラスマネージャーを使用して、というXNUMX番目のクラスを作成します。 マイナビリスト。 クラス名のスペースを保持するかどうかを尋ねられたら、[ はい。 クラスマネージャーを使用したカスタムクラスの追加について読むことができます ここ.

4.新しいクラスの値を編集するには、[クラスマネージャー]クラスリストで、 左クリック 新しいクラスアイテムの右側にある設定記号。 これにより、クラスエディタが開き、ナビゲーションリンクのスタイルを直接設定できるようになります。

9年2021月XNUMX日に更新

この記事は役に立ちましたか?

関連記事