CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用して順序付けされていないリストから箇条書きを削除する方法

順序付けされていないリストアイテム（<ul> ）Webページでは、デフォルトで丸い箇条書きでスタイル設定されています。しかし、リストアイテムの箇条書きを削除したい場合はどうでしょうか。ナビゲーションコンポーネントを構築するとき？

次のHTMLは、Webサイトのナビゲーション/メニューコンポーネントの一般的な構造です。

<nav>
  <ul>
    <li>Home</li>
    <li>About</li>
    <li>Contact</li>
  </ul>
</nav>

メニュー項目から箇条書きを削除するには、デフォルトのCSSルールlist-style-type: disc;をオーバーライドする必要があります。 noneに置き換えます ：

nav ul {
  list-style-type: none;
}

注：タイプセレクター、ulを組み合わせる 、およびnav この特定のナビゲーションコンポーネントの箇条書きのみを削除するように指定します。それ以外の場合は、Webサイト上のすべての順序付けされていないリストアイテムの箇条書きが削除されます。


  1. ::markerCSSSelectorを使用してリストの箇条書きの色を変更する

    構文 CSS::マーカーセレクターの構文は次のとおりです- Selector::marker {    attribute: /*value*/; } 例 次の例は、CSS::マーカーセレクターを示しています。 <!DOCTYPE html> <html>    <head>       <style>          ul {             list-

  2. Amazon 閲覧履歴からアイテムを削除する方法

    オンライン ショッピングは 1 つの大きな中毒になっています。燃料とエネルギーを燃やして、一日中フリー マーケットを歩き回っていた時代は終わりました。しかし、今ではショッピングははるかに簡単になりました。数回クリックしてスナップするだけで、お気に入りの製品が玄関先に届きます。ネットショッピングといえば、アマゾンは海のシロナガスクジラ！これは、あらゆる種類と範囲のケータリング製品を世界中で使用する最大のショッピング プラットフォームの 1 つです。 必読:Amazon で今すぐ注文できるクールな発明 – パート 1 しかし、買い物をしているときに、Amazon が買い物と閲覧の履歴を利用して買い