css复合选择器（计算机，网页设计中CSS各选择器的含义，用途和不同，尤其是复合内容选择器）

本文目录

• 计算机，网页设计中CSS各选择器的含义，用途和不同，尤其是复合内容选择器
• Css基本选择符、复合选择符的定义
• css复合型选择器这种的好像选择不了
• css复合选择器有哪些
• CSS复合选择器使用介绍
• 最近学CSS样式，复合选择器什么的，求高手给我解释下选择器的用法和各种调用方法
• CSS规则里的类、ID、标签、复合内容是什么意思

计算机，网页设计中CSS各选择器的含义，用途和不同，尤其是复合内容选择器

1元素选择器HTML文档的元素名称就是元素选择器。 1）语法，例如：html《color:black;》、h1{color:blue;}、p{color:silver;} 2）缺点：不同的元素样式相同，即不能跨元素。所以做不到同一类元素下的细分。 2类选择器自定义的某种选择器。 1）语法：.className{样式声明} 例如：.myClass{ background-color:pink;font-size:47px; } 《h2》h2中的文本《/h2》 《p》p中的文本《/p》 注意事项：html文件中，所有元素都有一个class属性，如：《p》《/p》 类选择器还一种用法：《div id=“d1“class=“s1 s2“》hello《/div》，样式s1和样式s2对div共同起作用。 3分类选择器将类选择器和元素选择器结果起来使用，以实现同一类元素下不同样式的细分控制。如《input》元素，又有按钮又有文本框的，采用分类选择器。 1）语法：元素选择器.className{样式声明} 例如： p.myClass{ color:red;font-size:27px } 《h2》h2中的文本《/h2》 《p》p1中的文本《/p》 《p》p2中的文本《/p》 4元素id选择器以某个元素id的值作为选择器。比较特殊的、页面整体结构的划分一般使用id选择器。 1）语法：定义id选择器时，选择器前面需要有一个“#”号，选择器本身则为文档中某个元素的id属性的值。 例如：#header{ color:red;background:yellow; } 《h1 id=“header“》This is Title《h1》u 注意事项：v html文件中，所有元素都有一个id属性。且某个id选择器仅使用一次。 5派生选择器依靠元素的层次关系来定义。某一包含元素下的一些相同子元素使用派生选择器。 1）语法：通过依据元素在其位置的上下文关系来定义样式，选择器一端包括两个或多个用空格分隔的选择器。 例如：h1 span{color:red;} 《h1》This is a《span》important《/span》heading《/h1》 6选择器分组对某些选择器定义一些统一的设置（相同的部分）。 1）语法：选择器声明为以逗号隔开的元素列表。 例如：h1,p,div{ border:1px solid black;} 7伪类选择器伪类用于向某些选择器添加特殊的效果。 1）语法：使用冒号“：”作为结合符，结合符左边是其他选择器，右边是伪类。 2）常用伪类：有些元素有不同的状态，典型的是《a》元素。 ①:link：未访问过的链接 ②:active：激活 ③:visited：访问过的链接 ④:hover：悬停，鼠标移入，所有元素都能用 ⑤:focus：获得焦点 例如：a:link{ color:black;font-size:20px; } a:visited{ color:pink;font-size:20px; } a:hover{ font-size:27px; } a:active{ color:red; } 8选择器优先级1）基本规则：内联样式 》 id选择器 》 类选择器 》 元素选择器2）优先级从低到高排序： div 《 .class 《 div.class 《 #id 《 div#id 《 #id.class 《 div#id.class 例如：《div id=“id“ style=“color:black;“》《/div》

Css基本选择符、复合选择符的定义

• CSS选择器以及选择器优先级 需要掌握优先级的选择器种类 id选择器 类名选择器 标签名选择器 伪类选择器 通配符选择器 除了上面提到的几种基本选择器之外，我们还需要了解由基本选择器组成的群组、后代选择器的计算方法。

css复合型选择器这种的好像选择不了

span是行内元素（inline），里面不能包含块级元素（block），只能包含文字或其他行内元素，否则的话，浏览器会自动把块级元素移到span的外面（你通过浏览器的开发者模式就会发现这种现象）。p、div这样的元素都是块级元素，是不能放到span里面的，而a是行内元素，所以可以放到span里面。再强调一次：请不要把span之类的行内元素当作“容器”来使用，它天生就不具有这样的功能，它主要是用来放置文字的！而像div这样的块级元素才是适合做容器或框架的！

css复合选择器有哪些

1、后代选择器.user p{ color:#FFFFFF; font-weight:bold;}2、子元素选择器.student 》 div{ color: #FF0000; font-size: 12px;}3、交集选择器h6.user{ color:blue;}4、并集选择器.user span{ font-weight:bold; font-size:14px;}5、伪类选择器a:link{ color: red; font-size:16px;}

CSS复合选择器使用介绍

CSS复合选择器包括子选择器、相邻选择器、包含选择器、多层选择器嵌套、属性选择器、伪选择器和伪元素选择器，以上具体的使用如下，感兴趣的朋友可以学习下 1.子选择器复制代码代码如下:《styletype=“text/css“》#pic》img{//使用》号，让选择器只选择直接的子类，width:200px;height:200px;}《/style》《divid=“pic“》《imgsrc=“1.jpg“alt=“photo“/》《span》《imgsrc=“btn“alt=“点击大图“/》《/span》《/div》2.相邻选择器如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacentsiblingselector）。例如，如果要增加紧接在h1元素后出现的段落的上边距，可以这样写：h1+p{margin-top:50px;}这个选择器读作：“选择紧接在h1元素后出现的段落，h1和p元素拥有共同的父元素”。3.包含选择器复制代码代码如下:#headerp{font-size:14px}#mainp{font-size:12}定义《divid=“header“》包含框里的段落字体大小为14像素定义《divid=“main“》包含框里的段落字体大小为12像素.4.多层选择器嵌套复制代码代码如下:#wrap#headerh2span{font-size:24px}#wrap#mainh2span{font-size:14px}5.属性选择器（1）匹配属性名选择器div{border：solid2pxred}：给《imgsrc=“images/pic1.jpg“alt=“图像“title=“图像”》定义样式(3)模糊匹配属性值选择器6.伪选择器和伪元素选择器复制代码代码如下:《styletype=“text/css“》a:link{color:#FF0000}/*正常链接状态下样式*/a:visited{color:#0000FF}/*被访问之后的样式*/a:hover{color:#00FF00}/*鼠标经过的样式*/a:active{color:#FF00FF}/*超链接被激活的样式*/《/style》

最近学CSS样式，复合选择器什么的，求高手给我解释下选择器的用法和各种调用方法

id选择器就是在标签中直接定义一个id，如：《body id=’a’》《/body》那么在定义CSS样式的时候使用id选择器就是，#a{}；calss选择器和id选择器类似，也是在标签中定义，如《body class=’a’》《/body》那么在定义CSS样式的时候使用class选择器就是，.a{}； 就是在前面加一个“.”符号。内嵌式不好用，指的是直接在标签中内嵌入一个样式，如：《body style=“color:#F00“》《/body》 就是在style里面直接写CSS样式。不推荐使用。导入式就是用link标记导入一个外部的样式，在头部使用，如：《head》《meta charset=“utf-8“》《link href=“css/css.css“ type=“text/css“ rel=“stylesheet“》 //这里指的是导入外部的CSS.CSS文件《/head》而CSS.CSS则另外自己再编写。不难的，自己好好学习下去就懂的了，加油~~~

CSS规则里的类、ID、标签、复合内容是什么意思

你说的应该是选择器，主要选择器就是类（class）、ID选择器、标签（列如：《p》）选择器；选择器的作用，顾名思义，就是选择指定对象，然后通过选择器，给对象添加样式、属性等等行为。而复合选择器：复合选择器就是两个或多个基本选择器，通过不同的方式连接成的选择器。复合选择器的三种类型：交集选择器、并集选择器、后代选择器。意思和数学里集合关系差不多，两个圆（集合）相交的部分、两个圆所有的部分、大圆里的小圆（后代选择器）！这应该懂了吧！求推荐