大同招聘网站建设,个人网站是请人做还是自己编写好,市场营销推广策略,中廉建设网站包含(后代)选择器
包含选择器#xff0c;即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码#xff1a;
.first span{color:red;}
这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。
请注意这个选择器与子选择器的区别#xff0c;子…包含(后代)选择器
包含选择器即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码
.first span{color:red;}
这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。
请注意这个选择器与子选择器的区别子选择器child selector仅是指它的直接后代或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择而子选择器是通过“”进行选择。
总结作用于元素的第一代后代空格作用于元素的所有后代。
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title后代选择器/title
style typetext/css
.first span{color:red;}.food li{border:1px solid red;/*添加边框样式粗细为1px 颜色为红色的实线*/
}
/style
/head
bodyp classfirst三年级时我还是一个span胆小如鼠/span的小女孩上课从来不敢回答老师提出的问题生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。/p
!--下面是本小节任务代码--
ul classfoodli水果ulli香蕉/lili苹果/lili梨/li/ul/lili蔬菜ulli白菜/lili油菜/lili卷心菜/li/ul/li
/ul/body
/html
运行结果 通用选择器
通用选择器是功能最强大的选择器它使用一个*号指定它的作用是匹配html中所有标签元素如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色
* {color:red;}
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title* 选择符/title
style typetext/css
* {color:red;font-size:20px;
}/style
/head
bodyh1勇气/h1p三年级时我还是一个胆小如鼠的小女孩上课从来不敢回答老师提出的问题生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。/pp到了三年级下学期时我们班上了一节公开课老师提出了一个很简单的问题班里很多同学都举手了甚至成绩比我差很多的也举手了还说着我来我来。我环顾了四周就我没有举手。/pimg srchttp://img.mukewang.com/52b4113500018cf102000200.jpg
/body
/html
运行结果
