在CSS中,我们可以通过id和类来为HTML元素添加样式。id是一个单独的标识符,而类则是一组元素的共同标识符。
#id {}.class {}
在代码中,用“#”符号来表示id选择器,用“.”符号来表示类选择器。当我们给一个HTML元素添加id时,可以在CSS中使用该id来为这个元素设置样式。
<div id="header"><h1>这是一个标题</h1><p>这是一个段落</p></div>#header {background-color: #333;color: #fff;}
上面的代码给div元素添加了id为“header”,并通过CSS来为header元素设置了背景色和文字颜色。
类选择器与id选择器不同的地方在于,类可以同时用于多个元素,而id只能用于单个元素。
<div ><div>内容1</div><div>内容2</div><div>内容3</div></div>.container div {margin: 10px;}
上面的代码中,我们为div容器添加了类名为“container”,并且通过CSS为这个类中的所有div元素设置了margin属性。
总之,在CSS中使用id和类选择器可以为HTML元素添加有区别的样式,让页面呈现出更加美观的效果。