• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

css3中有哪几种不同类型的选择器，css选择器中后代选择器与子选择器的区别_CSS学习

当前位置：网站建设 > 技术支持

1、css3中有哪几种不同类型的选择器，css选择器中后代选择器与子选择器的区别？

css后代选择器和子选择器的区别介绍：

1 css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。2、css子元素选择器语法：h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色，h1为祖先，em为儿子，就像世袭制一样，只能传给儿子，孙子和其他堂亲都不行

2、css三种使用方式的特点？

css的三种引入方式的特点

1.行内样式：最直接最简单的一种，HTML页面不纯净，文件体积大，不利于蜘蛛爬行，后期维护不方便。

2.内嵌样式：页面使用公共CSS代码，也是每个页面都要定义的。

3.外部样式：

链接样式：实现了页面框架代码与表现CSS代码的完全分离，使得前期制作和后期维护都十分方便。

导入样式：导入样式和链接样式比较相似。

3、怎样区分后代选择器和子代选择器？

1.第一从符号上来区分后代选择器：是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器：用特殊符号> 例如 h1>span{}

2.第二从用法上区分后代选择器html部分：<ul class="study"> <li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li> </ul> </li> <li>数学 <ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li> </ul> </li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙，后代是一代传一代。

子代选择器时效果图：

后代选择器时效果图：

4、css超链接link怎么用？

1. 打开文档，然后打开“CSS样式”面板。

2. 在“CSS样式”面板中，点击右下角的“新建 CSS 规则”按钮，打开“新建 CSS 规则”对话框。

在“选择器类型”中选择“复合内容(基于选择的内容)”项。

在“选择器名称”中点击右边的下拉箭头，我们可以看到：

a:link：未访问的超链接。

a:visited：已经访问过的超链接。

a:hover：鼠标指针移动到上面时的超链接。

a:active：正在访问的超链接。

3. 在“选择器名称”中选择“a:link”项，然后点击“确定”按钮，打开“CSS 规则定义”对话框。

4. 在“CSS 规则定义”对话框中，在“分类”下拉框中选择“类型”，然后在右边“类型”部分设置链接字体的颜色、大小和修饰等。

5. 设置好以后单击“确定”按钮，完成“a:link”项的设置。

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