css-CSS选择器的问题:.class.class{}

问题描述

CSS选择器的问题:.class.class{}

解决方案

这个样式是错误的,应该是少了空格或者少了逗号(逗号就是定义了2个类)

解决方案二:

你自己都回答了,其实这个跟div.d1或者#d2.d1类似,只不过把tag名和id名换成了样式名

解决方案三:

看你贴出来的代码,我想说id的用#,class的用点

解决方案四:

就是在使用了d1这个样式的标签中的了标签中再使用d2这个样式,设定的样式才会生效。
例如:

 <div class=d1><div class=d2></div></div>

解决方案五:

你贴出来的HTML中的ID在这里是不起作用的。除非你CSS中把点改为#

解决方案六:

如果有空格,表示的是父子关系,即第一个属性节点的包含第二个属性的子节点,比如.id1 .id2表示的是包含.id1样式的子节点中包含.id2样式的节点
如果没有空格,表示的是同一个节点,即一个元素包含第一个属性同时包含第二个属性,比如div.id1表示div同时有.id1样式的节点,.id1.id2表示的是包含.id1样式同时包含.id2样式的节点。
我做了一个演示代码来说明,你可以点击查看。
第一个是只有id1样式的
第二个是只有id2样式的
第三个是有id1 id2样式的
第四个是有id2 id1样式的
第五个是有id1样式的子节点有id2样式的
从演示代码可以看到,第三第四个的结果是一样的,说明.id1.id2中两个样式的顺序没有关系。也就是class="id1 id2"和class="id2 id1"对于.id1.id2来说效果是一样的。
不知道这样说明能不能解释清楚你的疑问。

时间: 2025-01-02 01:34:32

css-CSS选择器的问题:.class.class{}的相关文章

简单学习了解CSS的选择器 、属性、值

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

CSS父子选择器

(1) 父子选择器可以有多级,但实际应用中不建议过多,不要超过三层. (2) 父子选择器有严格的层级关系. (3) 父子选择器可以是多种类型选择器的组合,比如: #id span span .cls1 #id span div #id .style1 (4) 使用父子选择器时,html文件头部要有下面这句: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/

CSS通配符选择器的例子

希望所有的元素都符合某一种样式,可使用通配符选择器.通配符选择器可应用于所有html元素,但其优先级最低. 语法: *{ 属性名:属性值; --. } 例: html文件: <html> <head> <title>CSS通配符选择器</title> <link rel="stylesheet" type="text/css" href="test.css" /> </head&g

CSS类选择器的例子

html文件的内容: <html> <head> <title>无标题文档</title> <link rel="stylesheet" type="text/css" href="selector.css" /> </head> <body> <span class="style1">新闻一</span> <sp

CSS复合选择器使用介绍

CSS复合选择器包括子选择器.相邻选择器.包含选择器.多层选择器嵌套.属性选择器.伪选择器和伪元素选择器,以上具体的使用如下,感兴趣的朋友可以学习下   1.子选择器 复制代码 代码如下: <style type="text/css"> #pic>img{ // 使用 > 号,让选择器只选择直接的子类,width:200px; height:200px; } </style> <div id="pic"> <im

CSS ID选择器与CLASS选择器

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

所在元素-css 派生选择器的结构是怎样的?

问题描述 css 派生选择器的结构是怎样的? 比如如下的结构 <div class="testcss"> <h1> <p>tttttttttt</p> 如果要修改其中的 里面的字体的色彩. 派生选择器是这样写吗? .testcss div h1 p{ color:blue; } 或者是这样写吗? .testcss h1 p{ color:blue; } 也就是说类名后面需要加上所在元素吗? 解决方案 不需要写全,下面的就行,testcss

CSS样式选择器优先级

原文:CSS样式选择器优先级 CSS样式选择器分为4个等级,a.b.c.d,可以以这四种等级为依据确定CSS选择器的优先级. 1.如果样式是行内样式(通过Style=""定义),那么a=12.b为ID选择器的总数3.c为Class类选择器的数量.4.d为类型选择器的数量5.属性选择器,伪类选择器和class类选择器优先级一样,伪元素选择器和类型选择器一样6.!important 权重最高,比 inline style 还要高. 例如:     选择器 特殊性 (a,b,c,d) Sty

CSS中选择器优先级顺序实战讲解

原文:CSS中选择器优先级顺序实战讲解 我们有些程序猿在给一个元素(比如div)应用样式的时候,会有一些疑问,为什么我写在后面的样式不能覆盖前面的样式呢,不是说CSS是层叠样式表吗? 如果你在开发中也遇到同样的问题,即在给某一元素应用样式的时候(比如写在外部样式表中),写在后面的样式不能覆盖前面定义的样式.这个时候,你可能就得考虑是不是没考虑优先级问题了.   当我们在给一个标签,比如div应用样式的时候,我们得考虑优先级问题. 下面列出的就是是选择器的优先级:     行内样式 > ID选择器

css的选择器的详细介绍

前言 css选择器,是前端的基本功,只要你是一个前端,这个一定要掌握!今天之所以要重温一下css选择器,主要是和大家再复习一下css选择器中的一些常用符号的使用,例如"+.~.^.$.>.*"等的使用!之所以要复习呢,是因为我一个写后端的哥们,前端写的也很好,但是他今天突然问我,css中加号和大于号是啥意思?我说,这个貌似jquery中也有吧!好吧,可能这些符号不常用,造成我们对这些符号的陌生!那么今天,我们一起再来复习一下吧! 大家在右侧搜索框中搜索"选择器"