Bootstrap

CSS(四)——CSS高级特性

1.复合选择器

复合选择器包括交集选择器、并集选择器、后代选择器和子选择器等;

1.1 交集选择器;

可以将一个标签设置成多个共同的属性值;





交集选择器



段落一

段落二

段落三

字体一

字体二

方块1

 这里的段落三拥有font-size:20px的属性以及color:red的属性,现在要求段落三还需要添加额外的属性,这时可以用到交集选择器;

运行结果:

1.2并集选择器;

可以简单的将多个标签增加同一种属性;





并集选择器



段落一

段落二

段落三

字体一

字体二

方块1

运行效果:

1.3后代选择器;

如下,若将含有p标签的后代所有的span设置为红色,其他span标签不变,则用到后代选择器;





Insert title here



一层

二层三层

二代
三代

运行结果:

1.4子选择器;





Insert title here



一层

二层

运行结果:

 

 

2.继承特性





Insert title here



Java技术

  • 网页基础
    • HTML
    • CSS
    • JavaSript
  • 动态网页
  • J2SE框架

运行效果:

 

3.层叠特性





Insert title here



	
	

第一行文本

第二行文本

第三行文本

第四行文本

运行结果:

 

由此可见:行内样式>ID选择器>类别选择器>标记选择器

我是【程序员的时光】,热爱技术分享,信仰终身学习,爱健身,会点厨艺的热血青年,我们下期再见!