Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >复杂CSS选择器的工作原理

复杂CSS选择器的工作原理
EN

Stack Overflow用户
提问于 2013-06-27 06:09:34
回答 2查看 172关注 0票数 1

伙计们,我在一些第三方来源的复杂CSS选择器上工作。我不能忍受用户的一些事情。

嵌套CSS的工作原理。我看到很多像这样的嵌套CSS。

代码语言:javascript
运行
AI代码解释
复制
.firstclass
{
   .someotherclass { }
}

有时候。

代码语言:javascript
运行
AI代码解释
复制
.firstclass.secondclass
{
   .thirdclass{}
   .fourthclass{}

}

此外,我还尝试了下面的示例代码,我的预期是第二个文本框的背景颜色将变为“黑色”,但这并没有发生。

代码语言:javascript
运行
AI代码解释
复制
<html>

   <head>

   <style type="text/css">

   .style-color
   {
       background-color:#000000;
   }

   #id2_.style-color h1
   {   
       background-color:#F0E68C;
       .apply
       {
           background-color:#000000;
       }


   }
   </style>
   </head>

   <body> 

   <div id="id1" class="style-color"> <h1> <input type="text" class="apply"> </h1> </div> 
   <div id="id2_" class="style-color"> <h1> <input type="text" class="apply"> </h1></div>

   </body>

</html>
EN

回答 2

Stack Overflow用户

发布于 2013-06-27 06:12:42

这不是有效的CSS。如果你看到的是代码,那么它主要是动态的CSS。SASS和LESS是动态CSS的示例。它们为CSS添加了编程功能。你可以使用SASS的SCOUT编译器。用谷歌搜索一下。

票数 3
EN

Stack Overflow用户

发布于 2013-06-27 06:36:29

我发现我使用的第三方源代码都是在内部使用SAAS。因此,我感到困惑。

现在我已经清楚了这一点,所以我将尝试理解SAAS及其工作方式。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17335709

复制
相关文章
CSS入门指南-1:css工作原理
每个html元素都有一组样式属性,可以通过css来设定。当html元素的同一个样式属性有多种样式值的时候,css就要靠层叠机智来决定最终应用哪种样式。
goodspeed
2020/12/22
8870
CSS入门指南-1:css工作原理
CSS的选择器
CSS基础选择器 标签选择器 就是用标签名来当做选择器。 1) 所有标签都能够当做选择器,比如body、h1、dl、ul、span等等 2) 不管这个标签藏的多深,都能够被选择上。 3) 选择的是所有的,而不是某一个。所以是共性,而不是特性。 id选择器 #表示选择id 1 #lj1{ 2 font-size: 60px; 3 font-weight: bold; 4 color:black; 5 } 1)任何的标签都可以有
Demo_Yang
2018/10/15
9900
CSS粘性定位 - 它的真正工作原理!
CSS中的sticky定位有很好的浏览器支持,但许多开发者并没有使用它。原因有两方面:一是等待浏览器支持的时间太长,导致这个特性被遗忘;二是大部分开发者并不完全理解它的工作原理。
前端小智@大迁世界
2023/07/09
3870
CSS粘性定位 - 它的真正工作原理!
【CSS】CSS 选择器 ① ( CSS 选择器作用 | CSS 选择器分类 | 标签选择器 | 类选择器 | div 与 span 标签 | 多类名选择器 )
CSS 作用 : 以下面的代码为例 , 先通过 选择器 h3 将 HTML 中的 h3 标签类型选择出来 , 然后为这些标签设置 style 样式 ;
韩曙亮
2023/03/30
3K0
【CSS】CSS 选择器 ① ( CSS 选择器作用 | CSS 选择器分类 | 标签选择器 | 类选择器 | div 与 span 标签 | 多类名选择器 )
【CSS】CSS 选择器 ② ( ID 选择器 | 通配符选择器 | CSS 选择器使用注意事项 )
ID 选择器 使用 " #id " 选择 指定的 某一个 标签 , 使用 ID 选择器 步骤如下 :
韩曙亮
2023/03/30
2.8K0
【CSS】CSS 选择器 ② ( ID 选择器 | 通配符选择器 | CSS 选择器使用注意事项 )
css基础,css选择器
优先级:! important > 行间式 > id > class > 标签 > 统配
小小咸鱼YwY
2019/09/11
1.4K0
CSS选择器
标签选择器 : 元素名称 |div{...}|使用标签选择元素,优先级最低,使用最广泛|
王凡汎
2020/03/08
2.6K0
CSS选择器
CSS选择器的一些使用总结 CSS 选择器参考手册 CSS3 选择器——基本选择器 CSS3 选择器——属性选择器 CSS3 选择器——伪类选择器 CSS ::Selection 使用CSS选择器在页面中插入内容
大象无痕
2018/07/17
1.1K0
CSS基础——css 选择器
根据类名来选择标签,以 . 开头, 一个类选择器可应用于多个标签上,一个标签上也可以使用多个类选择器,多个类选择器需要使用空格分割,应用灵活,可复用,是css中应用最多的一种选择器。
落雨
2022/07/20
1.1K0
CSS选择器
在模块定义不太稳定的阶段,浏览器会采用厂商前缀实现某个特性。它允许早起采纳者试用浏览器实现的新属性。
奋飛
2019/08/15
1.5K0
CSS选择器
又称“标签指定式选择器”(即…又…)。由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器。
花猪
2022/02/22
2.4K0
CSS选择器
CSS选择器
CSS样式     1.内联式CSS样式表:把CSS代码直接写在现有HTML标签中          (1)<p style="color:red">这里是红色的字</p>          (2)<p> 这里是红色的字</p style="color:red">          注:CSS样式代码要写在style=""双引号中,如果右多条CSS样式代码设置可以写在一起,中间用分号隔开               <p style="color:red" ; font-size:12px>这里是红色的12
用户1624346
2018/04/18
1.4K0
CSS选择器
CSS选择器
id选择器,例如:选中id叫做div1的标签<唯一>标签加样式 class选择器,例如:选中id叫做div1的标签<唯一>标签加样式 >选择器: 表示只选择当前标签的下一级标签 例如 ul>li{} 空格选择器:表示选中当前标签下所有标签 例如 ul li{} ,选择器:表示,前后的标签全被选中 例如 .myClass,#myId ,ul ,ul>li
week
2018/08/24
8710
css is选择器
MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/:is
阿超
2022/12/23
7970
【CSS】CSS 复合选择器 ② ( 子元素选择器 | 交集选择器 )
子元素选择器 可以选择 某个基础选择器 选择出的 元素组 的 直接子元素 ( 亲儿子元素 ) 中 使用基础选择器 选择 元素 ;
韩曙亮
2023/03/30
5K0
【CSS】CSS 复合选择器 ② ( 子元素选择器 | 交集选择器 )
CSS选择器的分类
标签选择器 标签选择器:可使html页面中,同一标签的元素,拥有相同的样式。 标签名{属性:属性值;……} id选择器 id选择器:精确控制某个元素的具体样式。  <style>     #id值{属性:属性值;……} </style> 类选择器 类选择器:可使不同的网页元素,拥有相同的样式。 <style>     .类值{属性:属性值;……} </style> 另外两种选择器 伪类选择器 通用选择器
白胡杨同学
2020/04/10
7050
CSS选择器
选择存在 attr 属性,且该属性是一个以空格作为分隔的值列表,其中至少有一个值为 value 的元素
赤蓝紫
2023/01/02
1.2K0
CSS选择器
使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到选择器。 HTML页面中的元素就是通过CSS选择器进行控制的。
WindRunnerMax
2022/05/06
9600
CSS选择器
注:从上述两个例子中我们可以看出,子代选择器只选择指定标签的第一代子元素或者理解为它的直接后代(只指定儿子,而不管孙子),后代选择器是作用于所有子后代元素(不只儿子,还可以选择到孙子,重孙子等等)。
耕耘实录
2022/05/06
1.1K0
css选择器
            选择器{... !important} 则该选择器的优先级最高
十月梦想
2018/08/29
8990

相似问题

CSS -它的工作原理

22

复杂CSS选择器

10

复杂css选择器

10

css复杂选择器查询

47

缩短复杂的css选择器

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档