css串联选择器和后代选择器使用方法

串联选择器：作用在同一个标签上

代码如下:

<div class=”a” id ="qq"><span>look at the color</span></div></p> <p>css: #qq.a{
….
}

后代选择器：作用在不同标签上

代码如下:

<div id ="qq"><span class=”a”>look at the color</span></div>
css: #qq .a{
}

注意#qq .a 之前有空格

时间： 2024-09-20 05:27:50

css串联选择器和后代选择器使用方法的相关文章

css复合选择器:使用css的类名交集复合选择器

文章简介:使用css的类名交集复合选择器. 首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括"交集"选择器."并集"选择器."后代"选择器. 交集选择器 "交集"复合选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集.其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器.这两个选择器之间不能有空格,必须连续书写. 注意其中第一个必须是标记选择器,如

使用css的类名交集复合选择器让选择元素变简单

首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括"交集"选择器."并集"选择器."后代"选择器. 交集选择器 "交集"复合选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集.其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器.这两个选择器之间不能有空格,必须连续书写. 注意其中第一个必须是标记选择器,如p.class1,但有时候会看到.cla

CSS命中目标：子选择器、相邻同胞选择器与属性选择器等

在CSS布局网页开发中,我们还会用到一常非常有用的选择器,可以用它来进行整体布局声明,这就是通用选择器.看下面的代码: 代码如下复制代码 * { margin:0; padding:0; } 这种形式的代码一般不会多次出现,在页面代码中出现一次而已,但它的功能是非常强大的,在计算机领域中一般情况下都约定"*"为通配符,它的声明将会作用于页面中所有的可用元素,使用它可以定义一些页面中基本的规则,如边距margin.填充padding.字体font-family.文字大

CSS ID选择器与CLASS选择器

在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. 属性选择器可以根据元素的属性及属性值来选择元素. 三种基本的选择器类型:标签名选择器.类选择器.ID选择器具体语法如下: 1.标签名选择器,如: html {color:black;} h1 {color:blue;} h2 {color:silver;} 即直接使用HTML标签作为选择器. 2.类选择器类选择器允许以一种独立于文档元素的方式来指定样式. 该选择器可以单独使用,也可以与其他元素结合使用

jQuery后代选择器用法实例_jquery

本文实例讲述了jQuery后代选择器用法.分享给大家供大家参考.具体分析如下: 后代选择器匹配给定的祖先元素下用以匹配的所有后代元素. 点击选择器可以查阅参考手册中所有jQuery选择器. 代码实例如下: 复制代码代码如下: $(".mydiv span") 以上代码匹配类名mydiv元素包含的span元素.两个选择器之间要用空格分隔. 实例代码: 复制代码代码如下: <!DOCTYPE html> <html> <head> <meta

从零开始学_JavaScript_系列（三）——CSS相关（基础、选择器、position、div）

(一)使用 <style type="text/css"> 具体css语句 </style> (二)语法 <style type="text/css"> mm {background-color:red}; /*这行表示标签为mm的,背景色为红色,如果mm替换为p,则所有<p></p>标签覆盖内的变为红色*/ </style> ①包含在<style&g

html-本人菜鸟一枚，请教大神一个关于CSS中ID和类选择器不能用，而标签选择器能用的问题

问题描述本人菜鸟一枚,请教大神一个关于CSS中ID和类选择器不能用,而标签选择器能用的问题 FIREFOX浏览器,代码如下: HTML代码片段: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> @import url(template/default/styl

css式样重用、子选择器和组选择器

css 工作与网页制作有关,最近整理了一些css的东西,发出来,希望有用. 重用:经常会用到一些基本的式样叠加,比如字体的颜色和加粗.网页中可能同时出现三种情况:1.字体为红色 2.字体加粗 3.字体红色加粗这时我们只需要定义前两个css:.red{color:red;}.b{font-weight:bold;}第三种情况时用<div class="red b"></div> 子选择器:相对来说,简化html文件的代码更加重要,因此在css中使用子选择器非常有

二CSS Selectors,Properties,and Values 选择器、属性、值

css|select HTML有标签,CSS有选择器.选择器是给内部和外部样式里面的样式命名. 每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color. 值在冒号(不是等号)后面,分号分离属性. body {font-size: 0.8em;color: navy;} 上面的意思是为body选择器设置font-size字体大小和color字体颜色. 所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是na