和 id 一样,class 也可被用作派生选择器:
.fancy td {
color: #f60;
background: #666;
}
在上面这个例子中,类名为 fancy 的更大的元素内部的表格单元都会以灰色背景显示橙色文字。(名为 fancy 的更大的元素可能是一个表格或者一个 div)
元素也可以基于它们的类而被选择:
td.fancy {
color: #f60;
background: #666;
}
在上面的例子中,类名为 fancy 的表格单元将是带有灰色背景的橙色。
分享到:
相关推荐
CSS基础-派生选择器,CSS入门必备资料
在Web开发中,CSS派生选择器是一种强大的选择器,它可以根据元素在其位置的上下文关系来定义样式。这种选择器可以使标记更加简洁,提高代码的可读性和维护性。 首先,让我们来了解什么是派生选择器。在CSS1中,这种...
3. **CSS Scramble**:在描述中提到的“dvd_css_scramble”,是指CSS的混淆算法。它不仅加密数据,还会改变数据的顺序,增加破解的难度。这个过程可能在“source.h”头文件中定义了一些常量和结构体,以支持混淆和解...
DIV+CSS布局是现代网页设计中的关键技术之一,它摒弃了传统的表格布局方式,转而使用CSS(Cascading Style Sheets)样式来控制网页的布局和表现。这种方式能够实现更灵活、更易于维护的网页设计,并且有利于搜索引擎...
- **1.5 CSS派生选择器** - **概念说明**:解释派生选择器的含义及应用场景。 - **示例分析**:通过具体例子展示派生选择器的使用方法。 - **1.6 CSS id选择器** - **定义与用法**:阐述id选择器的特性,以及如何...
在网页设计中,CSS(Cascading Style Sheets)的编码规范是确保代码可读性、可维护性和团队协作效率的关键。以下是一些核心的CSS编码规范: 1. **文件命名规范** - 基础样式:base.css - 全局样式:global.css -...
### CSS实战:深入理解Dreamweaver CS4中的CSS应用 #### 概述 CSS,即层叠样式表(Cascading Style Sheets),是用于控制网页布局和样式的强大工具。Dreamweaver CS4作为Adobe公司的一款专业级网页设计软件,不仅...
CSS的基础入门包括对CSS的语法规范、颜色值、字体定义、选择器(包括群选择器、派生选择器、id选择器、类别选择器)以及链接样式的定义等进行学习。CSS选择器是一种强大的工具,它能够让我们对HTML文档中的元素进行...
**1.4 CSS派生选择器** - **定义**:派生选择器用于选择某个元素的后代元素。例如,`p strong`会选择`<p>`标签内的所有`<strong>`标签。 **1.5 CSS ID选择器** - **ID选择器**:使用`#`符号后跟ID名称来指定唯一...
文档介绍了CSS的入门知识,包括基本语法规范、颜色值、字体定义、群选择器、派生选择器、id选择器、类别选择器以及链接样式的定义。这些都是CSS中最基础的部分,它们构成了创建复杂布局和样式的基石。 ### CSS布局...
本资源主要介绍JavaFX中的CSS样式设计,用于创建样式表和自定义外观设计。 JavaFX CSS是基于W3C的CSS版本2.1和部分扩展的第三版。JavaFX应用程序的默认样式表为caspian.css,它定义了Scene类和UI控件的样式。用户...
派生选择器是指在 CSS 中使用选择器来选择元素的子元素或孙元素。例如,可以使用以下选择器来选择元素的子元素: * `#header > .logo` 选择 id 为 header 的元素的子元素 logo * `.nav > .menu` 选择 class 为 nav ...
CSS 样式表是网页设计中不可或缺的一部分,它定义了如何显示 HTML 元素,从而使网页更加美观和易用。下面是 CSS 样式表的个人总结,希望对学习 CSS 的朋友有用。 一、CSS 基础知识 CSS 全称为层叠样式表...
在本案例中,通过仿制当当网首页,我们可以学习到CSS选择器的使用、样式的继承、样式的优先级、关键属性、块级和内联元素的区别以及一些常见属性。 CSS是“层叠样式表”(Cascading Style Sheets)的缩写,它描述了...
- **选择器**:包括类型选择器(如`td`,`p`)、派生选择器(如`td a`)、群选择器(如`P,td,li`)、通用选择器(如`*`)和ID、类别选择器(如`#header`,`.foot`)。选择器允许精确地定位和设置HTML元素的样式。 - ...