css选择器有哪几种 标签选择器有哪些?
标签选择器有哪些?1. 标签名选择器div{color:Red}/即页面中每个标签名的CSS样式2。班级选择器.divclass{ 颜色:红色}/也就是说,CSS样式在类中定义的每个标记3。ID选择器
标签选择器有哪些?
1. 标签名选择器div{color:Red}/即页面中每个标签名的CSS样式
2。班级选择器.divclass{ 颜色:红色}/也就是说,CSS样式在类中定义的每个标记
3。ID选择器#mydiv{颜色:红色}/页面中标记的ID
4。后代选择器(类选择器的后代选择器)。类span{颜色:红色}/换言之,多个选择器以逗号格式命名,以查找确切的标签
CSS的类选择器和id选择器各有什么优势,在实际开发中的情况是什么样的?
ID用于标识页面上的特定元素(如站点导航),并且必须是唯一的。IDS还可以用来标识持久的结构元素,比如主导航或内容区域。ID还可以用于标识一次性元素,例如链接或表单元素。ID只能应用于页面上的一个元素。
Class相同的类名可以应用于页面上任意数量的元素,因此该类更强大。类非常适合表示内容或其他类似项的类型。
在实际开发中,我们应该根据实际情况决定使用哪种风格。对于单个界面中单个元素的显示样式,建议使用ID。如果有多个公共接口,或者同一接口的多个元素具有相同的样式,那么使用class类就方便多了。
下面是一个简单的示例:
显示效果: