`
bigt
  • 浏览: 45352 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

关于 Flex4 的伪选择器

阅读更多
伪选择器可以让开发者为组件不同状态定义不同的CSS样式。一个按钮的伪选择器定义如下:
s|Button:over{chromeColor:#0000ff;}

这样定义的作用:鼠标悬停于应用程序中的<s:Button>时,<s:Button>变为蓝色

可以将其中 s|Button 改为普通css类:
.btn:up{chromeColor:#0000ff;}

那么应用该css类的组件如果具备up状态,则在鼠标悬停时变为蓝色

或者使用类选择器的伪选择器:
#btnId:down{chromeColor:#0000ff;}

id为"btnId"的组件如果具备down状态,在鼠标悬停时变为蓝色

另外重要的一点是伪选择器的状态,即“:”后面的over、up、down等等有哪些。可以通过flex的在线文档查到。比如<s:Button>的 Skin States 有四个:up, down, over, disabled 。 那么就可以分别为<s:Button>定义四个状态的伪选择器样式。<s:TextInput>有 disabled 和 normal 两个 Skin States, 所以<s:TextInput>可以定义两个状态伪选择器:s|TextInput:disabled , s|TextInput:normal
分享到:
评论

相关推荐

    flex 样式选择器

    5. **伪类选择器**:与状态选择器类似,但用于表示组件在特定条件下的样式,如 `.button:disabled` 表示按钮处于禁用状态时的样式。 Flex样式包括内联样式、全局样式和主题样式三种类型。内联样式直接应用于组件,...

    flex4.5中CSS选择器的应用小结

    Flex 4.5几乎支持所有的CSS应用方式,这里重点介绍几个主要的CSS选择器类型,包括标签选择器、类别选择器、ID选择器、交集选择器、并集选择器、后代选择器、全局选择器以及伪类选择器。现在,我们将详细介绍每种选择...

    flex特效 不错的flex样式生成器

    这个“flex特效”生成器很可能提供了对以上属性的图形化配置,用户可以通过拖动滑块或选择预设值来生成对应的CSS代码。这对于初学者来说是一个很好的学习工具,对于经验丰富的开发者来说,也是一个提高效率的实用...

    Flex3.0 使用CSS美化界面

    Flex3.0支持CSS标准选择器,如元素选择器(`button`)、类选择器(`.myClass`)、ID选择器(`#myID`)以及伪类(`:hover`、`:focus`)。此外,Flex还支持组件实例选择器(`[id=myButton]`)和自定义属性选择器(`...

    flex画线可以删除flex画线可以删除flex画线可以删除

    1. CSS选择器:使用CSS选择器来选择特定的子元素,并设置边框为`none`,如`.container &gt; .item { border: none; }`。 2.伪元素:如果线条是通过伪元素如`:before`或`:after`创建的,可以将它们的`content`属性设为...

    应用flex布局,模拟实现静态知乎首页

    伪类是CSS中一种特殊的选择器,用于选择元素在特定状态下的样式。在模拟知乎首页时,可能会用到如`:hover`(鼠标悬停)、`:active`(元素被激活时)和`:focus`(元素获得焦点时)等伪类,来实现交互效果,如按钮悬停...

    flex倒影效flex倒影效果

    可以使用CSS的伪类选择器如`:before`或`:after`来添加倒影元素,或者直接在HTML中创建一个子元素。 3. **变换和透明度**:应用CSS的`transform`属性,通常设置`transform: scaleY(-1)`以翻转元素,使其产生倒影效果...

    day04(CSS02-选择器进阶+背景相关属性+元素显示模式+三大特性).rar

    基础的选择器如元素选择器、类选择器和ID选择器是CSS的基础,但CSS还提供了更复杂的结构选择器和伪类/伪元素选择器。结构选择器包括子代选择器(`&gt;`)、相邻兄弟选择器(`+`)和后续兄弟选择器(`~`),它们允许我们...

    练习前端-CSS权重计算、复杂选择器、基础属性-day05

    4. 标签、伪元素和其他选择器(如`div`, `::before`):权重为1。 记住,相同权重的选择器会根据它们在文档中的顺序来决定优先级,后定义的样式优先级更高。同时,通配符选择器(`*`)、子选择器(`&gt;`)、相邻兄弟...

    前端开发:全面解析CSS基础知识及其应用

    涵盖了各种选择器(如标签选择器、类选择器、ID选择器、通配符选择器、伪类选择器、伪元素选择器)、文字样式控制、盒模型、背景图像设置、定位机制、 Flex 布局及过渡效果等内容,帮助开发者理解和掌握 CSS 的核心...

    Flex DataGrid 伪合并单元格思路及代码

    在探讨Flex DataGrid伪合并单元格的实现之前,首先需要明确Flex DataGrid的基本概念以及单元格合并的常见需求。 Flex DataGrid是Adobe Flex框架中的组件之一,用于展示表格数据。它允许开发者通过XML或ActionScript...

    练习前端-CSS引入、基础选择器-day04

    - ID选择器的权重最高,其次是类选择器,再是元素选择器,最后是通配符、属性和伪类选择器。优先级计算涉及每个选择器类型的计数,最后通过比较数值决定哪个样式生效。 4. **CSS盒模型**: - 包括`content`...

    Web前端技术项目式教程(HTML5+CSS3+Flex+Bootstrap)-课后练习答案.zip

    CSS3不仅在样式设计上提供了更多的选择,例如新增了多种选择器(如属性选择器、伪类和伪元素),还引入了过渡(Transitions)、动画(Animations)和变形(Transforms),使得网页元素的动态效果更加丰富。...

    Web前端技术项目式教程(HTML5+CSS3+Flex+Bootstrap)-教案.zip

    1. 选择器扩展:新增伪类和伪元素,如:nth-child()、:nth-of-type()、::before、::after等,更精确地定位元素。 2. 层叠上下文:通过z-index实现元素的层级控制。 3. 动画和过渡:使用@keyframes创建动画,...

    运用Grid或者flex布局制作页面

    关于CSS3的使用,这是一个广泛的主题,包括但不限于选择器的扩展、过渡效果、动画、伪类和伪元素等。例如,`:hover`, `:active`, 和 `:focus`伪类可以创建交互式的用户体验;`transition`和`animation`属性则让你能...

    前端 50 道面试题及答案.docx

    CSS选择器有多种,包括id选择器、类选择器、标签选择器、相邻选择器、子选择器、后代选择器、通配符选择器、属性选择器、伪类选择器等。其中,id选择器的优先级最高,类选择器次之,标签选择器和伪类选择器的优先级...

    CSS层叠样式表

    - **组合选择器**:可以将多个选择器组合使用,如相邻兄弟选择器(`A + B`)、后代选择器(`A B`)和伪类选择器(`:hover`、`:active`、`:focus`等)。 - **选择器优先级**:ID选择器&gt;类选择器&gt;标签选择器&gt;内联样式...

    前端领域,运用CSS3实现页面动态效果

    选择器:CSS3 引入了许多新的选择器,包括属性选择器、伪类选择器和伪元素选择器等。这些选择器可以更精确地选择元素,从而实现更复杂的样式设计。 属性:CSS3 添加了许多新属性,以支持更多的样式效果。例如,可以...

    前端 60 道面试题及答案.docx

    6. 伪类选择器:a:hover等 7. 属性选择器:input[type="text"]等 CSS选择器的权重顺序为: !important→行内样式→#id→class →元素和伪元素→*→继承→默认 四、CSS新特性 CSS新特性包括: 1. 过渡transition...

Global site tag (gtag.js) - Google Analytics