`
nianshi
  • 浏览: 416359 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Css之属生选择器

 
阅读更多

 

<a href="#" title="我有title属性">第一个链接</a>
<a href="#">第二个链接</a>

 

样式:

    a[title]{color:Red;}
    a[title]:hover{ background-color:#CCC;}

这样可实现对a标签中带Title属性的单独设置样式为红色。并设置动态伪类Hover,当鼠标经过时更改背景为#CCC。

效果图:


  • 大小: 5.1 KB
分享到:
评论

相关推荐

    JavaFX2.0之CSS

    选择器可以定义多种样式类型,不同的样式类型都有自己的选择器约定。例如,样式类对应于类名,按照惯例,样式类名可包含多个单词且词与词之间用“-”间隔。样式类选择器前使用“.”。 样式表中的规则与属性样式定义...

    CSS酷站CSS特效华丽CSS

    CSS3引入了许多新的选择器、伪类和属性,使得创建这些特效变得更加简单。例如,`transition`和`animation`属性能轻松实现元素的平滑变化;`transform`可以进行2D和3D变换,如旋转、缩放、移动等。 "华丽CSS"则意味...

    HTML&CSS7;.zip

    选择器的优先级是决定哪个CSS规则应用于元素的关键因素。优先级由以下几部分构成:内联样式(如`style="..."`)、ID选择器(如`#example`)、类选择器(如`.example`)、元素选择器(如`div`)和通用选择器(如`*`)...

    可定制的颜色选择器源代码

    在IT领域,颜色选择器是用户界面中常见的一种组件,用于让用户从多种颜色中选取所需的色彩。本资源提供了一个可定制的颜色选择器的源代码,这为开发者提供了更大的灵活性,可以根据项目的具体需求来调整和扩展颜色...

    css样式表代码

    CSS 代码可以分为选择器、属性和值三个部分,选择器用于选择要应用样式的 HTML 元素,属性是要应用的样式,值是属性的具体值。 层叠样式表的基本概念 层叠样式表是 CSS 的一种实现方式,它可以将多个样式表合并成一...

    css页面源码-2

    它的基本结构包括选择器和声明,其中选择器定位要应用样式的元素,声明则由属性和值组成,定义元素的具体样式。 2. **HTML源码**:HTML(超文本标记语言)是网页的基础结构,它定义了网页的内容和结构。CSS与HTML...

    超实用的css代码段 源码

    首先,CSS的核心概念包括选择器(Selectors)、属性(Properties)和值(Values)。选择器用来定位要应用样式的元素,比如`#id`、`.class`、`tag`等;属性定义了要改变的样式特性,如`color`、`font-size`;而值则是...

    5组可爱CSS3按钮

    1. **伪类选择器**:CSS3引入了更多的伪类选择器,如`:hover`、`:active`和`:focus`,它们分别用于响应鼠标悬停、元素被激活(如点击)和元素获得焦点时的状态变化。通过这些选择器,我们可以为按钮的不同状态设置...

    CSS3实现14款窗口通知卡片样式.rar

    1. **选择器**:CSS3引入了更精确的选择器,如类选择器(.class)、ID选择器(#id)、属性选择器([attribute])和伪类选择器(如:hover、:active、:focus等),这使得我们可以更加精确地控制元素的样式。...

    CSS样式教材,各种小案例~~

    1. **选择器**:CSS中的选择器是定位HTML元素的关键,如ID选择器(#id)、类选择器(.class)、标签选择器(element)以及组合选择器(如:`h1+p`)等。理解选择器的优先级是CSS学习的重要部分。 2. **属性与值**:...

    css浏览器兼容写法

    首先,我们可以使用特定的CSS选择器来让特定浏览器识别某些样式。例如,对于IE6,我们使用`*html .head{color:#000;}`,其中星号(*)前缀的选择器只有IE6会识别。而IE7则可以识别`*+html .head{color:#000;}`,这里的...

    CSS+HTC日历选择控件

    总的来说,“CSS+HTC日历选择控件”是一个专为IE浏览器设计的交互式日期选择工具,它结合了CSS和JavaScript的技术优势,提供了一种直观、便捷的日期输入方式。虽然它不支持其他非IE浏览器,但在IE盛行的时期,这类...

    html5+css3源码

    通过CSS3的选择器(如:nth-child()),可以精确地控制每一个元素的样式,实现动态效果的精确同步;多列布局(multi-column layout)和Flexbox(弹性盒模型)或Grid(网格布局)可以灵活地设计页面结构,适应不同屏幕...

    XHTML与CSS入门经典-从零开始

    4. **CSS选择器**:CSS通过选择器来定位HTML元素,如标签选择器(如`p`)、类选择器(如`.myClass`)、ID选择器(如`#myID`)等。理解选择器的优先级也很重要。 5. **CSS属性**:CSS包含大量属性,如`color`(颜色...

    css.zip_css

    1. **选择器扩展**:CSS3引入了更强大的选择器,如伪类选择器`:hover`, `:active`, `:focus`,以及`:nth-child()`, `:nth-of-type()`, `:not()`等,使得元素选择更加精确。 2. **边框和背景**:新增了圆角边框`...

    100个简单css实例带你入门网页美化

    1. **选择器与声明**:CSS的核心在于选择器和声明。选择器用于选取要应用样式的HTML元素,如`p`(段落)、`h1`(一级标题)等;声明则包含属性和值,例如`color: red;`表示设置文本颜色为红色。 2. **盒模型**:...

    《HTML+CSS网站设计基础教程》教学大纲.pdf

    CSS3的学习则关注选择器的使用,包括基础选择器、属性选择器、关系选择器和伪类选择器。学生将学习如何利用这些选择器定义和控制页面元素的样式,实现文本样式、层叠性和优先级的理解。CSS3的伪类选择器如:hover、:...

    17种漂亮css导航菜单

    CSS的嵌套选择器可以实现这一层次关系。 12. **圆形或异形导航**:打破常规矩形,使用CSS形状属性创建圆形或不规则形状的导航按钮,使设计更具创意。 13. **固定宽度与自适应宽度**:根据设计需求,CSS的`width`...

    CSS hack汇总

    此 hack 可以特异性地应用于 IE7,利用了 IE7 对选择器和 DTD 的特殊解析规则。 #### 7. Targeting IE6 Specifically ```css html/**/&gt;body #box {color:red;} ``` 这个 hack 能够专门作用于 IE6,通过利用 IE6 的...

    CSS3图片全屏显示特效.zip

    4. **伪类选择器**:`:hover`、`:active`等伪类选择器可以用于添加鼠标悬停或点击时的交互效果,如改变图片透明度或添加阴影效果。 5. **Flexbox或Grid布局**:CSS3的弹性盒模型(Flexbox)或网格布局(Grid)可以...

Global site tag (gtag.js) - Google Analytics