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

CSSコメント

CSS宣言にコメントを書き込んで、読みやすさを向上させ、理解しやすくすることができます。 CSSは、コンテンツがアスタリスクで囲まれているスラッシュで開始および終了するコメントのC言語スタイルの構文に従います。 /**/内に記述された宣言はすべて無視されます。

構文

CSSコメントの構文は次のとおりです-

/*Comments*/

次の例はCSSコメントを示しています-

例

<!DOCTYPE html>
<html>
<head>
<style>
ul {
   list-style: none; /*To remove the solid circles*/
}
</style>
</head>
<body>
<ul>
<li>Σ1</li>
<li>Σ2</li>
<li>Σ3<li>
</ul>
</body>
</html>

出力

これにより、次の出力が得られます-

CSSコメント

例

<!DOCTYPE html>
<html>
<head>
<style>
div {/*this <div> selects all >div> elements and the declares the following*/
   margin: 8px;
   float: left;
   width: 100px;
   height: 100px;
   /*border: 2px solid black;*/
   /*removed border*/
   background-color: lightpink;
}
div + div { /*this makes a circle*/
   border-radius: 50%;
}
</style>
</head>
<body>
<div></div>
<div></div>
</body>
</html>

出力

これにより、次の出力が得られます-

CSSコメント


  1. CSSの子セレクター

    CSS子セレクターは、特定の親要素を持つすべての子要素を選択するために使用されます。 構文 CSS子セレクターの構文は次のとおりです- element > element { /*declarations*/ } 例 次の例は、CSSの子孫セレクター-を示しています。 <!DOCTYPE html> <html> <head> <style> * {    padding: 5px; } article > div {    border: dashed midnightblue; &nbs

  2. CSSの背景の添付ファイル

    CSSのbackground-attachmentプロパティは、ビューポートに対してページをスクロールするときの背景画像の位置を指定するために使用されます。値をスクロール、固定、ローカルにすることができます。 構文 CSSbackground-attachmentプロパティの構文は次のとおりです- Selector {    background-attachment: /*value*/ } 例 次の例は、CSSのbackground-attachmentプロパティ-を示しています。 <!DOCTYPE html> <html> <hea