失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > CSS之常用选择器(元素 id 类 通配选择器)

CSS之常用选择器(元素 id 类 通配选择器)

时间:2022-07-11 17:04:05

相关推荐

CSS之常用选择器(元素 id 类 通配选择器)

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>/*1、元素选择器作用:根据标签名来选中指定的元素语法:标签名{}例子:p{} h1{} div{}*//*p{color: red;}*//*2、id选择器(id不可重复)作用:根据元素的id属性值选中一个元素语法:#id属性值{}例子:#p3{} */#p3{color: red;}/*class 是一个标签的属性,它和id类似,不同的是class可以重复使用可以通过class属性来为元素分组可以同时为一个元素指定多个class属性3、类选择器作用:根据元素的class属性值选中一组元素语法:.class属性值例子:.bule{}*/.blue{color: blue;}/*4、通配选择器作用:选中页面中的所有元素语法:**/*{color: bisque;}</style></head><body><h1>醉时歌</h1><p class="blue">诸公衮衮登台省,广文先生官独冷。</p><p class="blue">甲第纷纷厌梁肉,广文先生饭不足。</p><p id="p3">先生有道出羲皇,先生有才过屈宋。</p><p>德尊一代常坎坷,名垂万古知何用!</p></body></html>

如果觉得《CSS之常用选择器(元素 id 类 通配选择器)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。