在HTML中,元素的样式通常是使用CSS来设置的。而为了设置元素样式,我们首先需要选择元素。在CSS中元素选择器就是用于选择HTML元素的样式。下面我们来看一些常用的元素选择器。
/*选择id为example的元素*/ #example{ color:red; } /*选择类名为test的元素*/ .test{ font-size: 18px; } /*选择所有的p元素*/ p{ margin:5px; } /*选择p元素中的span元素*/ p span{ font-weight:bold; } /*选择子元素为ul且类名为list的元素*/ ul.list >li{ border:1px solid black; } /*选择后代元素为ul且类名为list的元素*/ div ul.list li{ padding:10px; }
除了以上这些基本的元素选择器外,还有其他的一些进阶的用法,如伪类选择器,属性选择器等等。掌握合适的选择器可以让我们更好地管理HTML页面的样式。