css常用的选择器用法及技巧，类选择器语法_CSS学习

资料来源：网络整理时间：2023/3/4 0:57:57 共计：3614 浏览

1、css常用的选择器用法及技巧，类选择器语法？

1. 标签名选择器 div { color：Red;} 即页面中的各个标签名的css样式 2.类选择器 .divClass {color:Red;} 即定义的每个标签的class 中的css样式 3.ID选择器 #myDiv {color:Red;} 即页面中的标签的id 4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} 即多个选择器以逗号的格式分隔命名找到准确的标签 5.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

2、伪类选择器hover的使用？

定义和用法:hover 选择器用于选择鼠标指针浮动在上面的元素。提示：:hover 选择器可用于所有元素，不只是链接。提示：:link 选择器设置指向未被访问页面的链接的样式，:visited 选择器用于设置指向已被访问的页面的链接，:active 选择器用于活动链接。注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。代码效果测试：

请把鼠标指针移动到这些链接上。

这个链接改变颜色。

这个链接改变字体大小。

这个链接改变背景色。

这个链接改变字体。

这个链接会出现下划线。

3、css层次选择器有哪些？

选择器body > div 只操作body下级的div。div1 + div2 只选择div1 同级随后相邻最近的div2div1 ~ p 选择div1下所有的p属性选择器

4、css的类选择器用什么属性引用？

用于来定义一类可以在同一个页面内重复利用的样式。如比较常用的.clearfix（一般是用于清除浮动），或者自己定义的用于新闻列表的样式，详细的写好链接、列表、边框以及背景等属性，有些人还会习惯把一些常用的属性作为一个类。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css选择器和复合选择器，ps复制图层时css和svg是什么意思_CSS学习 | ·下一条：css常用的选择器及使用方法，为什么看到有的前端工程师将css每个选择器里的内容写成一行_CSS学习