选择器集体声明与嵌套

最新推荐文章于 2024-04-09 21:23:36 发布
最新推荐文章于 2024-04-09 21:23:36 发布
阅读量271 收藏
点赞数

1、选择器集体声明

h1,h2,h3{color:#900 }

无论什么样的选择器，只有有公共的CSS 代码，都可以用这种集体声明来精简代码。如下代码进行精简：

#header {font-size: 12px;background: 0230}
      div {font-size: 12px; width: 500px}
      .blue{font-size: 12px;color: #0900}
      .h1{font-size: 12px;font-weight: normal}

精简后

#header,div,.blue,.h1{font-size: 12px}
      #header {background: 0230}
      div {width: 500px}
      .blue{color: #0900}
      .h1{font-weight: normal}

 

2、选择器嵌套.如某id 为div内P标签中a 字体显示为红色，如下表示:

<style>
      #div p a{color:red}
  </style>
  <body>

  <div id="div">
      <p><a>链接</a></p>
  </div>

这样做就可以不必单独为a设置选择器

 

节选自：KwooJan的《2天驾驭DIV+CSS》

 

weixin_34050389
关注
css选择器集体声明
weixin_30410999的博客
11-02 1221
<title>静夜思</title><style type="text/css">h1,#two,.red{ color:#ff0000; font-size:14px;}h2,h3{color:#0000ff; font-size:16px; text-decoration:underline;}</style></head>...
【CSS】选择器的声明
习惯成自然
01-10 2308
CSS选择器的声明方式
css选择器的集体申明和嵌套申明
最新发布
weixin_61255403的博客
04-09 1370
background-attachment 设置背景是否随页面其余部分滚动。background-position 设置背景出现初始位置。background-repeat 设置背景的平铺方式。集体申明 用于多个选择器的样式的规则一样。font-style 设置字体样式 斜体等。background-image 设置背景图片。background- size 设置图片大小。font-weight 设置字体粗细。font-size 设置字体大小。盒子模型和DIV布局应用。
CSS 之选择器声明
程序员小白的博客
06-05 613
集体声明就是在声明各种CSS选择器时，若某些选择器的风格完全相同，或者部分相同，可将风格向提供的 CSS 选择器同时声明；例子1： 在 CSS 控制 HTML 标记样式时，还能使用层层递进的方式，即嵌套方式，对指定位置的 HTML 标记进行修饰；例子 2：...
记录-web（CSS概述，语法,添加方法，CSS选择器，嵌套声明，集体声明，全局声明）
Everything_na的博客
03-22 955
CSS概述 HTML 网页的内容 CSS 内容的样式 CSS内容和样式相分离，便于修改样式 CSS语法 字号：font-size：12px（属性名：属性值；） 文字颜色：color：blue 加粗：font-weight：bold 背景颜色：background-color：#ccc； 位置：text-align：center 字体：font：“黑体” 宽度：width：200px 注释：/*...
 CSS的几种选择器及其用法（集体声明、嵌套、继承）
06-09
- 集体声明：通过选择器选择多个元素，并将相同的属性声明应用于它们。例如，p, h1, h2 {color: red;}将应用于所有p、h1和h2元素中的颜色属性声明。 - 嵌套：通过选择器选择一个元素，并在其中嵌套另一个选择器以...
CSS选择器详解：声明、嵌套与继承
4. **集体声明**：指多个选择器的集合，可以一次性为多个元素设置样式，减少冗余。 5. **选择器的嵌套**：允许在样式声明中嵌套选择器，这样可以更精确地控制子元素的样式，比如`div.container p { ... }`。 6. **...
CSS 选择器浅谈
09-25
在选择器集体声明中，通过使用逗号分隔符可以同时声明多个选择器并为它们应用相同的样式规则。 另一个非常实用的选择器特性是选择器的嵌套（或后代选择器），允许我们选择特定元素下的子元素，这种选择器在实际项目...
CSS选择器分组案例.pdf
07-10
在第一个案例中，我们使用了集体声明来演示CSS选择器分组的用法。在HTML文档中，我们首先声明了一个样式块，接着使用了`h1`, `h2`, `p`三个选择器，应用了红色、20像素字体、粗体的样式规则。 HTML源代码： ```...
CSS选择器的声明与嵌套
天高任鸟飞
07-05 5018
CSS选择器的声明与嵌套           使用CSS选择器控制HTML标记的时候，每个选择器的属性可以一次声明多个，选择器本身也可以同时声明多个。           并且，任何形式的选择器，都是合法的，标记选择器，class选择器和ID选择器都可以集体声明。           集体声明           在声明CSS选择器时，如果某些选择器的风格是完全相同的，或者
07-CSS复合选择器之并集选择器
qq_43260366的博客
08-01 257
并集选择器 注：复合选择器的重点：后代选择器、并集选择器、链接伪类选择器 1、并集选择器用逗号隔开 形式： 选择器1，选择器2，选择器3 { 属性1：属性值2； 属性2：属性值2； } 2）通常用于集体声明----某些选择器里面的样式相同（使代码更加简洁）； 2、举例： <style> /*不改变结构*/ /*存在多个连接标签--后代选择器*/ .site-2 a { color:red; } /*后代选择器*/ .nav u
变量的集体声明注意点
u013400314的博客
07-11 77
javascript 变量的集体声明注意点
不懂DVC6200调试请看这里
mmdlt123的博客
09-08 4250
dvc6200使用起来还是很简单方便的，但还是有部分客户不知道它的调试工作要怎么进行才是对的，其实调试工作一定要操作到了，如果错了一步的话，就会影响使用体验，为此今天就好好为大家介绍一下，希望不懂的人都可以看看，肯定是有所帮助的。 一、dvc6200反馈调试使用说明 1、在configure(组态)菜单选择manual setup 2、选择模式保护将in service改为OUT OF service 3、选择改变仪表模式 4、选择out of service。Enter后返回 ...
DIV+CSS基础教程：CSS选择器
danielinbiti的专栏
03-12 933
上节课我们讲了一下CSS通过什么方式去控制页面，如果不记得，我来帮大家回忆一下，总共有四种方式行内方式、内嵌方式、链接方式、导入方式，大家通过这四种方式就可以实现CSS对HTML页面样式的控制，如果要让这些样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的。 引用: CSS选择器共有三种：标签选
Html设置css的4种方式和css 6种声明方式
aosica321的专栏
02-08 3193
来源：http://www.pdjz.qdedu.net/showarticle.asp?articleid=1959 css 层叠样式表  引入层叠样式表的方法包括： 1，外联式样式表 2，内嵌样式表 3，元素内定 4，导入样式表 外联式样式表 例： .... 属性：rel 用来说明元素在这里要完成的任务是连接一个独立的cs
2020-01-13 (选择器以及嵌套规则)
aoshisen的博客
02-25 314
选择器以及嵌套规则
Html中的声明
hakunamatata2008的专栏
05-15 778
 本教程关于如何定义一个合法的XHTML文档。文档类型声明在你每一个页面的顶端，你需要文档声明。是的，必须。如果不指定文档类型，你的HTML不是合法的HTML，并且大部分浏览器会用“怪癖模式（quirks mode）”来处理页面，这意味着浏览器认为你自己也不知道究竟做什么，并且按浏览器自己的方式来处理你的代码。你可以是一个HTML大师，在地球上打遍天下无敌手，或者你的HTML可以无瑕疵
《CSS基础入门篇》
m0_66451927的博客
01-26 3173
一、CSS概念 CSS：是Cascading Style Sheets的英文缩写，CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（如文字的字体、大小、对齐方式等）、图片的外形（如宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 二、CSS样式规则 使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，
CSS的三种声明方式和选择器（具体代码实现）
北城落花雨的博客
06-06 6645
一：声明方式 三种声明方式 一：在head标签中使用style标签声明： 作用：此声明一般声明当前网页的公共样式或者给某个标签的单独样式 二：在标签上使用style属性进行声明： 作用：此声明会将css样式直接作用于当前标签。 三：3、在head标签中使用link标签引入外部声明好的css文件 作用：此声明相当于调用,解决了不同网页间样式重复使用的问题 一次声...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值