ホームページ > 記事 > ウェブフロントエンド > CSSセレクターのポンド記号とピリオドの違いは何ですか?
CSS里的样式表是有规则组成的,每条规则有三个部分组成: 1、选择器(如下面例子中的:“body”),告诉浏览器文档的哪个部分受规则影响; 2、属性(如实例中的font-family、color等),规定了布局的什么方面被设置了; 3、值(如实例中的Arial,sans-serif,#333333等),给出了式样属性的值。 #是ID选择器 .是class选择器 *是通配符号 比如*{margin:0;padding:0;所有的元素都会沿用这个属性样式}(还有一种情况是IE hack)比如 .b{margin:0;*margin:10px;}这里IE看到的是margin:10px,其他的浏览器看到的会是前面那个margin:0;
まずはコードを見てみましょう~
body{ font-family: Arial,sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px; } #masthead{ margin: 0; padding: 10px 0px; border-bottom: 1px solid #cccccc; width: 100%; } .feature img{ float: left; padding: 0px 10px 0px 0px; margin: 0 5px 5px 0; }
#はidに対応します
ドットはクラスに対応します
対応するHTMLタグがありません
一言でまとめると、クラスは繰り返し使用できますが、ID はページ内で 1 回しか使用できません。同じ ID を繰り返し使用しても、ほとんどのブラウザでは問題が発生しない可能性がありますが、これは標準に従って明らかに間違った使用であり、一部のブラウザでは実際に問題が発生する可能性があります。
実際のアプリケーションでは、テキスト レイアウトなどには Class の方が便利ですが、マクロ レイアウトやさまざまな要素のデザインの配置には ID の方が便利です。
以上がCSSセレクターのポンド記号とピリオドの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。