CSS定义问题
CSS试题
CSS一、单选题6.下面哪个CSS属性是用来改变背景颜色的（）A.background-color:B.bgcolor:C.color:D.text:5．在CSS的文本属性中，文本修饰的取值text-decoration：overline表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过6．在CSS的文本属性中，文本修饰的取值text-decoration：underline表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过7．在CSS的文本属性中，文本修饰的取值text-decoration：line-through表示（）A．不用修饰B．下划线C．上划线D．横线从字中间穿过8．外部式样式单文件的扩展名为（）A．.js B．.domC．.htm D．.css48．在CSS中要使文本闪烁，text-decoration属性的取值应该是（）A．none B．underlineC．blink D．overline28.下面不属于CSS插入形式的是( )A.索引式B.内联式C.嵌入式D.外部式38．CSS样式表不可能实现( )功能。
A．将格式和结构分离B．一个CSS文件控制多个网页C. 控制图片的精确位置D．兼容所有的浏览器61．若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）。
A．<Style> .myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt} </style>B．.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}C．<Style> .myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}</style>D．<Style> . .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}</style>16.如下所示的这段CSS 样式代码，定义的样式效果是（D ）。
45道CSS基础面试题(附答案)
45道CSS 基础面试题（附答案）刘宁Leo1 介绍一下标准的CSS 的盒子模型？与低版本IE 的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content ）+ border + padding + margin低版本IE 盒子模型：宽度=内容宽度（content+border+padding ）+ margin2 boxsizing 属性？用来控制元素的盒子模型的解析模式，默认为contentboxcontextbox ：W3C 的标准盒子模型，设置元素的 height/width 属性指的是content 部分的高/宽borderbox ：IE 传统盒子模型。
设置元素的height/width 属性指的是border + padding + content 部分的高/宽3 CSS 选择器有哪些？哪些属性可以继承？CSS 选择符：id 选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li ）、后代选择器（li a ）、通配符选择器（*）、属性选择器（a[rel="external"]）、伪类选择器（a:hover, li:nthchild ）可继承的属性：fontsize, fontfamily, color不可继承的样式：border, padding, margin, width, height优先级（就近原则）：!important > [ id > class > tag ]!important 比内联优先级高4 CSS 优先级算法如何计算？元素选择符： 1class 选择符： 10id 选择符：100元素标签：10001. !important 声明的样式优先级最高，如果冲突再进行计算。
css试题及答案
css试题及答案【篇一：xhtml+css试题有答案】、单项选择题 (每套20题，每题2分，共40分)1、关于web标准以下说法错误的是（ b ）a、web标准是一个复杂的概念集合，它由一系列标准组成b、这些标准全部都由w3c起草与发布c、web标准可以分为3个方面d、web标准里的表现标准语言主要包括css2、以下是!doctype元素作用的是（a ） a、该元素用来定义文档类型 b、该元素用来声明命名空间c、该元素用来向搜索引擎声明网站关键字d、该元素用来向搜索引擎声明网站作者3、以下可将一对象的背景色透明度改为80%的声明是：（d ） a、filter:alpha:(opacity=80);b、filter:alpha: opacity=80; c、filter:alpha:(opacity:80); d、filter:alpha(opacity=80);4、以下选项中，可以解决超链接访问过后hover样式不出现问题的是：（b ） a、重新书写关于连接状态的css样式b、改变关于链接状态的css属性排列顺序: l-v-h-ac、将关于链接状态的css属性全部写再a中d、以上说法都不对5、阅读以下代码： style type=text/css body {margin:0} div {float:left; margin-left:10px; width:200px; height:200px;border:1px solid red }/style 解析正确的是：（c ）a、浮动后外边距10px,但ff解释为20pxb、浮动后本来外边距20px,但ie解释为10px,解决办法是加上display:block;c、浮动后本来外边距10px,但ie解释为20px,解决办法是加上display:inlined、以上说法都不对6、“滑动门技术”的原理是（b ）学院班级姓名a、命名锚点链接的作用b、使用背景图片位置滑动c、将a元素转换为块元素d、将span元素转换为块元素7、关于背景，以下描述错误的是： (c)a、background-img: b、background-img: c、background-widthd、background-attachment8、以下声明中，可以取消加粗样式的有 ( c )a font-weight:bolder；b font-weight:bold；c font-weight: normal;d font-weight:600；9、以下声明中，可以控制单词间距的是： ( b )a letter-spacing:b word-spacing:c font-weight: normal;d font-weight:600；10、display属性的属性值共有： ( a )a 18个b 4个c 6个d 12个11、xhtml基本元素类型不包括a 块状元素 b 内联元素 c 可变元素 d 浮动元素12、关于float描述错误的是 ( b )a float:left;b float:centerc float:rightd float:none;13、为了解决浮动双倍间距问题，我们可以在相应元素上添加 ( c )a float:left;b display:block;c display:inline;d margin:0;14、以下哪种现象在ff2.0中会存在：（c） a 双倍边距的问题b图片间隙的问题c 父元素不能自适应子元素高度d 以上说法都不对15、外部样式表文件不可以由以下哪个标签导入 (c)( d )学院班级姓名a 、link b、import c、style 16、以下标签哪个不是空标签：(d)Ａ metab input c hr d form17、标签 p 的对齐属性是：(b) Ａ、 styleb 、alignc、 angle d、padding18、以下哪个选项是设置底边框的：(a)a、border-bottomb、border-topc、border-left d、border-right19、以下关于class和id的说法，错误的是：(d) a、class的定义方法是： . 类名 {样式}; b、id的应用方法：指定标签 id=id名c、class的应用方法：指定标签 class=类名d、id和class只是在写法上有区别，在应用和意义上没有任何区别20、关于id选择符说法错误的是: ( c )a id选择符的语法格式是“#”加上自定义的id名称b 当我们使用id选择符时，应先为当前元素定义一个id属性，如：div id=top/divc 选择符更适合定义类样式d 一个id名称只能对应于文档中一个具体的元素对象21.以下哪个选项是对对象进行定位的：(c)a、paddingb、marginc、positiond、display22.关于div以下描述正确的是（ a ）. a. div是类似于一行一列表格的虚线框b. div由行列形成的单元格构成，可执行合并拆分等操作c. 由div布局的网页结构与表现不分离d. div不要求我们严格css 支持23.关于使用css以下说法错误的是（ c ）a. 选择符：选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素.b. 选择属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性。
css各类选择器 试题
css各类选择器试题CSS 选择器试题 5问题：什么是元素选择器？并给出一个示例。
答案：元素选择器是基于HTML元素名选择元素的方式。
例如，要选择页面上的所有<p>元素，并设置其文本颜色为红色，可以这样写：cssp {color: red;}问题：类选择器如何定义？并给出一个示例。
答案：类选择器使用.来选择带有指定类的元素。
例如，要选择类名为.highlight的所有元素，并设置其背景色为黄色，可以这样写：css.highlight {background-color: yellow;}问题：ID选择器与类选择器有什么区别？并给出一个ID选择器的示例。
答案：ID选择器使用#来选择带有指定ID的元素，而类选择器使用.来选择带有指定类的元素。
主要的区别是ID在页面上是唯一的，而类可以用于多个元素。
例如，要选择ID为#unique-id的元素，并设置其字体大小为20px，可以这样写：css#unique-id {font-size: 20px;}问题：什么是属性选择器？并给出一个示例。
答案：属性选择器允许我们基于元素的属性和值来选择元素。
例如，要选择所有带有target="_blank"属性的<a>元素，并设置其文本颜色为绿色，可以这样写：cssa[target="_blank"] {color: green;}问题：什么是伪类选择器？并举一个:hover伪类的例子。
答案：伪类选择器用于选择HTML元素的特定状态。
例如，:hover伪类用于选择鼠标悬停上的元素。
以下是一个将鼠标悬停上的<a>元素的文本颜色设置为红色的例子：cssa:hover {color: red;}。
css布局面试题
css布局面试题CSS布局是前端开发中的重要技术之一，对于理解和掌握CSS布局的知识，不仅能够帮助我们更好地构建网页结构，还可以提高我们在前端面试中的竞争力。
下面是一些常见的CSS布局面试题及其解答，帮助你更好地准备面试。
问题一：请描述CSS中的盒模型是什么？如何修改盒模型的宽度和高度？盒模型是CSS中用于描述和布局元素的基本单位。
每个元素都是一个矩形的盒子，包含内容区域、内边距（padding）、边框（border）和外边距（margin）四部分。
盒模型的宽度和高度可以通过设置元素的`width`和`height`属性来修改。
问题二：请解释CSS中相对定位和绝对定位的区别，并说明它们在布局中的作用。
相对定位（relative）和绝对定位（absolute）都可以用于元素的定位和布局，但它们有一些区别。
相对定位通过`top`、`right`、`bottom`和`left`属性来相对于元素在文档流中的原始位置进行偏移，没有脱离文档流。
使用相对定位可以调整元素的位置，但仍然占用原来的空间。
绝对定位将元素脱离文档流，并相对于其最近的已定位的祖先元素进行定位。
如果没有已定位的祖先元素，那么相对于文档的初始包含块进行定位。
使用绝对定位可以自由地将元素放置在页面的任何位置，不占用原来的空间。
问题三：请解释CSS中的浮动（float）是如何工作的，以及它在布局中的应用场景。
浮动（float）是CSS中用于控制元素在页面中左右浮动的属性。
元素设置为浮动后，会脱离文档流并向左或向右浮动，直到碰到另一个浮动元素或者容器的边界。
浮动元素的应用场景包括实现文字环绕效果、实现多栏布局以及实现响应式布局等。
通过将元素设置为浮动，可以使元素按照预期的方式进行布局和排列。
问题四：请解释CSS中的清除浮动（clearfix）是什么，以及为什么需要进行浮动清除。
清除浮动（clearfix）是一种方法，用于解决浮动元素造成的容器高度塌陷问题。
CSS复习题
CSS样式复习一、判断对错二、填空1.CSS（Cascading Style Sheets）是层叠样式表的缩写”层叠”就是将显示样式独立于显示的内容,进行分类管理.2.Css样式上下文选择符定义嵌套标记的样式。
3.层叠样式表的英文缩写是CSS（t）4.选择器是指要引用样式的对象，它可以是一个或多个HTML标记（各个标记之间以逗号分开），也可以是类选择符、ID选择符或属性选择符等。
5.css样式定义中可以加入注解，格式为：/*字符串*/6.CSS样式表定义的基本语法为：选择器{样式属性名称：属性值；样式属性名称：属性值；}7.外部样式表文件将样式表定义为一个独立的CSS样式文件，使用该样式表的HTML文件在头部用<link>标记链接到这个CSS样式文件，优先级低。
8.内嵌样式表利用<style>标记将样式表嵌入HTML文件的头部。
优先级高于外部样式文件，低于行内样式表。
9.行内样式表在HTML元素内部使用style属性定义样式表，行内样式表具有最高优先级。
10.引用样式表在一个样式表内部使用@import语句引用其它样式表文件。
11.标签（标记）选择器又称HTML元素选择器或类型选择器，是CSS中最基本的选择器，为HTML网页上所有使用了这个标记的内容应用样式。
12.类别选择器同时为多个标签（标记）设置相同的样式，在CSS中定义类别选择器的样式，类别选择器名称前面是“.”点号。
在HTML元素标记中使用class属性，属性值等于CSS类名称。
13.Id选择器每一个HTML元素都可以指定一个标准的id属性的属性值，这个属性值用来唯一标识一个HTML元素。
14.对HTML元素定义一个id属性并定义属性值；CSS样式中引用id属性值且前缀是#号。
15.通配符选择器用*号作为选择符，表示对页面上所有元素应用样式。
16.属性选择器直接对拥有特定属性的HTML元素应用样式，定义属性选择器时，属性名称用中括弧括起来。
CSS的定义和解释
例子:p {text-align: center; color: red} (段落居中排列;并且段落中的文字为红色)
2. 选择符组
你可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义:
h1, h2, h3, h4, h5, h6 { color: green } (这个组里包括所有的标题元素，每个标题元素的文字都为绿色)
1997年初，W3C内组织了专门管CSS的工作组，其负责人是克里斯·里雷。这个工作组开始讨论第一版中没有涉 及到的问题，于是1998年5月出版了CSS的第二版。到2007年为止，第三版还未完备。
使用CSS布局的优点
[编辑本段]
采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势： 1：表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好 。 2：提高页面浏览速度 对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者 的1/2大小。浏览器就不用去编译大量冗长的标签。 3：易于维护和改版 你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。 4: 使用CSS布局更符合现在的W3C标准. ps：W3C组织并不是ISO 国际标准组织成员
如何将样式表加入到网页
[编辑本段]
可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先 权样式的未重叠定义但覆盖重叠的定义。例外请参阅 !important 声明。 链入外部样式表文件 (Linking to a Style Sheet) 你可以先建立外部样式表文件（.css），然后使用HTML 的link 对象。示例如下： <head> <title>文档标题</title> <link rel=stylesheet href="/dhtmlet.css" type="text/css"> </head> 而在XML中，你应该如下例所示在声明区中加入： <? xml-stylesheet type="text/css" href="/dhtmlet.css" ?> 定义内部样式块对象 (Embedding a Style Block) 你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。 定义方式请参 阅样式表语法。示例如下： <html> <head> <title>文档标题</title> <style type="text/css"> <!-body {font: 10pt "Arial"} h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon} h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue} p {font: 10pt/12pt "Arial"; color: black} --> </style> </head> <body> 请注意，这里将style对象的type属性设置为"text/css"，是允许不支持这类型的浏览器忽略样式表单。 内联定义 (Inline Styles) 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下： <p style="color: sienna; margin-left: 20px">This is a paragraph</p>
CSS综合练习50选择题(单、多)
CSS综合练习50选择题（单、多）基本信息： [矩阵文本题] [必答题]姓名：________________________学号：________________________班级:________________________1.CSS是利用（）XHTML标签构建网页布局。
[单选题] [必答题]○ A. <dir>○ B.<div>(正确答案)○ C.<dis>○ D.<dif>2.在CSS语言中下列哪一项是“左边框”的语法（） [单选题] [必答题] ○ A.border-left-width:<值>○ B.border-top-width：<值>○ C. border-left:<值>(正确答案)○ D. border-top-width:<值>3.在下列CSS语言中（）适用对象是“所有对象”。
[单选题] [必答题] ○ A.背景附件(正确答案)○ B.文本排列○ C.纵向排列○ D.文本缩进4.下列（）不属于CSS文本属性。
[单选题] [必答题]○ A.font-size○ B.text-transform○ C.text-align5.下列哪一项是CSS正确的语法构成（） [单选题] [必答题]○ A.body:color=black○ B.{body;color:black}○ C.body{color:black}(正确答案)○ D.{body:color=black}6.下面哪个CSS属性是用来改变背景颜色的（） [单选题] [必答题]○ A.background-color:(正确答案)○ B.bgcolor:○ C.color:○ D.text:7.怎样给所有的<h1>标签添加背景颜色（） [单选题] [必答题]○ A. .h1 { background-color:#ffffff }○ B. h1 { background-color; }(正确答案)○ C. h1.all { background-color:#ffffff }○ D. #h1 { background-color:#ffffff }8.下列哪个CSS属性可以更改样式表的字体颜色（） [单选题] [必答题] ○ A.text-color=○ B.fgcolor:○ C.text-color:○ D.color:(正确答案)9.下列哪个CSS属性可以更改字体大小（） [单选题] [必答题]○ A.text-size○ B.font-size(正确答案)○ D.font-style10.下列哪段代码能够定义所有P标签内文字加粗（） [单选题] [必答题]○ A.<p style=”text-size:blod”>○ B.< p style=”font-size:blod”>○ C.p{ text-size:bold; }○ D.p{ font-weight:bold; }(正确答案)11.下面哪个方法可以去掉文本超链接的下划线（） [单选题] [必答题]○ A. a{ text-decoration:no underline; }○ B. a{ underline:none; }○ C. a{ decoration:no underline; }○ D. a{ text-decoration:none; }(正确答案)12.下列哪个CSS属性能够更改文本字体（） [单选题] [必答题]○ A.f;○ B.font=○ C.font-family:(正确答案)○ D.text-decoration:none;13.下列哪个CSS属性能够设置文本加粗（） [单选题] [必答题]○ A.font-weight:bold(正确答案)○ B.style:bold○ C.font:b○ D.font=”bold”14.下列哪个CSS属性能够设置盒子模型的填充为10、20、30、40、(顺时针方向)（） [单选题] [必答题] ○ A.padding:10px 20px 30px 40px(正确答案)○ C.padding:10px 40px 30px 20px○ D. padding:20px 10px 40px 30px15.下列哪个属性能够设置盒子模型的左侧边界（） [单选题] [必答题] ○ A.margin:○ B.indent:○ C.margin-left:(正确答案)○ D.text-indent:16.（）能够定义列表的项目符号为实心矩形。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CSS样式表CSS样式表，可以用于控制网页中字体、颜色、图像、表格、链接和布局格式。
是Web 页面设计的重要技术，它使得网页内容与样式定义彻底分开，甚至可以将CSS保存为.css 的文件，使用时再进行调用导入。
这样就可以通过定义和修改CSS达到页面设计的效果。
1．常用CSS定义有三种方式1）内联样式：在标签内通过style属性添加样式信息。
如<p style=”color:red;”>红色字</p>。
2）嵌入样式：在页面代码的<head></head>标签内放在单独的style元素中。
如<style type=”text/css”>p{color:red;}</style>3）外部样式：将内联样式的内容存放在一个.css文件中进行调用。
2．CSS编辑器可以使用记事本或Dreamweaver进行定义。
CSS定义规则，包括:1）针对标记选择符定义。
如<style type=”text/css”>h1{color:red;}</style>2）针对Html标签中一个id选择符定义。
如id=”title”<style type=”text/css”>#title{color:white;background-color:silver;}</style>3）针对Html标签中class选择符定义。
如class=”title”，页面可以有多个该类。
<style type=”text/css”>.title{color:white;background-color:silver;}</style>另外，还有伪元素和伪类，标记语言中没有一种机制可以访问某个元素的首个字符或首行内容，而CSS可以创建这种虚拟元素访问或控制其样式。
如：：first-line为伪元素，某元素首行的样式；：first-letter为伪元素，某元素的首个字符。
Div+CSS规则1.善用css缩写规则注意上、右、下、左的书写顺序：1）关于边距（4边）1px2px3px4px(上、右、下、左)1px2px3px（省略的左等于右）1px2px(省略的上等于下)1px（四边都相同）2）简化所有body{margin：0}------------表示网页内所有元素的margin为0#menu{margin：0}------------表示menu盒子下的所有元素的margin为0 3）缩写（border）特定样式Border：1px solid#ffffff;Border-width：01px2px3px;4）关于文字的缩写规则Font-style：italic;斜体形式Font-variant：small-caps/normal;变体样式：小型大写字母/正常Font-weight：bold;Font-size：12px;Line-height：1.2em(120%)/1.5em(150%);缩写成：Font：italic small-caps bold12px/1.5em arrial，sans-serif;注意：Font-size和Line-height用斜杠组合在一起不能分开写。
5）关于背景图片Background：#FFF url(log.gif)no-repeat fixed top left;6）关于列表List-style-type：square/none;List-style-position：inside;List-style-image：url(filename.gif);缩写成：List-style：none inside url(filename.gif);2.运用4种方法来引入CSS样式1)link<link rel=”stylesheet”type=”text/css”href=”a.css”>其中rel关系、type数据类型（有多种）、href路径。
部分浏览器支持候选样式，关键字：alternate：<link rel=”stylesheet”type=”text/css”href=”a.css”><link rel=”alternate stylesheet”type=”text/css”href=”b.css”><link rel=”alternate stylesheet”type=”text/css”href=”c.css”>2)内部样式块<style><!–h1{color:red;}–></style>3)@import@import url{a.css}注意：此指令必须放在<style>容器中，并且在所有样式之前，建议放在一个html注释中，即<!-->中。
浏览器会不显示注释内的内容，而import等css代码能正常工作。
4)内联样式<p style=”color:red;”>选择器是css的一个基本概念，基本规则如下：规则结构：h1{color:red;}-----选择器{属性:值;}这类是元素选择器，基本可以包括所有html的元素，属性值可以包括多个元素，如：border：1px solid red;常用语法包括：分组，选择器和声明都可以分组:h1，h2，h3{color:red;background:#fff;}------选择器用“，”分割开，属性用”;”分割类选择器，即通过class=”stylename”应用的声明，定义:.stylename{color:red;}注意:在html中可以使用多类选择，如class=”cn1cn2cn3″。
ID选择器，即与id属性对应的样式，定义:#a{color:red;}------这个定义对用id=”a”的元素这部分都是常见的css语法，下面介绍不常见的选择器语法：父子结构，跟文档结构图对应。
如p span{border:1px solid red;}------对应<p>下面的<li>标签，可以用于准确定位.一些特殊应用(IE7支持):p>span{}------匹配所有p下所有的spanp+span{}------匹配紧接着p元素后出现的第一个span标签，2者要有相同的父标签属性选择器，(注意:属性选择器ie7才开始支持，以下版本并不支持，其他浏览器基本可以)。
语法:img[alt]{border:1px solid;}表示对应有alt属性的img标签，当然可以支持多个属性对应。
如img[alt][title]{};表示这个2个属性都有的img标签，也可以与具体值对应，如:img[alt=”摄影”]{};属性选择器中的高级应用，特殊匹配:img[class~=”b”]，其中~=:与属性中的一个值对应的，即与<img class=”a b c”>对应。
[class^=”a”]，以a开头的元素。
[class$=”a”]m，以a结束的元素。
[class*=”a”]，包含a的元素。
[class|=”a”]，等于a或以a开头的元素。
5）伪类和伪元素日常使用中，主要是<a>标签的几个伪类:link:hover:active:visited，以及:first-child:first:before:left:right:lang:focus:fist-line等等。
注意，动态伪类可以应用到任何元素，如input:focus{background:red;}，即当input标签获得焦点时背景变红。
以上语法组合使用，就能实现定位准确、简单间接的样式了。
3.选择器分类整合优先级别遵循：行内样式>ID>Class>标记基本选择器标记选择器（eg:<p></p>）类别选择器(eg:class)ID选择器复合选择器“交集”复合选择器(eg:p.menu{color:red})必须是标记+类别/ID组合“并集”复合选择器(eg:h1，h2，h3{color:red})“后代”复合选择器(eg:#menu.menulist{...})“子”复合选择器(eg:#menu.menulist.selectit{...})4.使用子选择器减少id和class的定义示例结构：<div id="menu"><div class="menulist"><div class="selectit">content</div></div></div>示例CSS：#menu{...}#menu.menulist{...}#menu.menulist.selectit{...}5.使用组选择器为不同元素应用相同的样式如h1，h2，h3，div{font-size:16px;font-weight:bold}，即h1，h2，h3，div 元素的样式都为字体16像素、字体为粗体。
6.伪类和选择符的配合使用将伪类和类组合起来使用，可以在同一个页面中完成几组不同的链接效果。
例如，定义一组链接为红色，访问后为蓝色；另一组为绿色，访问后为黄色。
a.red:link{color:#FF0000}a.red:visited{color:#0000FF}a.blue:link{color:#00FF00}a.blue:visited{color:#FF00FF}将定义应用在不同的链接上：<a class="red"href="...">这是第一组链接</a><a class="blue"href="...">这是第二组链接</a>7．CSS的最近优先原则如果对一个元素定义了多次样式，则以最近的一级优先，最近一级的样式将覆盖其它行内样式>ID>Class>标记。
例如以下是引用片段：p{color:red}.blue{color:blue}.yellow{color:yellow}HTML中：<p>此处显示为红色</p><p class="blue">此处显示为蓝色</p><p class="blue"style="color:green">此处显示为绿色</p><p class="blue yellow">此处显示为黄色</p>注意：（1）注意样式的几个优先顺序(优先级由上至下递减，下面的样式覆盖上面的样式)。