美文网首页
CSS 都有哪些选择器?

CSS 都有哪些选择器?

作者: hudaren | 来源:发表于2018-08-01 22:44 被阅读0次

##id选择器

##class选择器

##伪类选择器

a:link{

color:#999999;

}

a:visited{

color:#FFFF00;

}

a:hover{

color:#006600;

}

/* IE不支持,用Firefox浏览可以看到效果 */

input:focus{

background:# E0F1F5;

}

Link表示链接在没有被点击时的样式。Visited表示链接已经被访问时的样式。Hover表示当鼠标悬停在链接上面时的样式。

伪类不仅可以应用在链接标签中,也可以应用在一些表单元素中,但表单元素的应用IE不支持,所以一般伪类都只会被应用在链接的样式上。

##标签选择器

##后代选择器

如:

.father.child{

color:#0000CC;

}

这里我们定义了所有class属性为father的元素下面的class属性为child的颜色为蓝色。后代选择器是一种很有用的选择器,使用后代选择器可以更加精确的定位元素。

相关文章

  • web前端面试题

    1.css有哪些选择符,它们的优先关系计算 CSS 元素选择器CSS 类选择器CSS ID 选择器CSS 属性选择...

  • web前端的面试题

    1.css有哪些选择符,它们的优先关系计算 CSS 元素选择器CSS 类选择器CSS ID 选择器CSS 属性选择...

  • HTML5和CSS3新增内容

    CSS3选择器有哪些? 属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 颜色:新增RGBA,HSL...

  • CSS选择器的权重是如何抉择的?

    在解决这个问题之前我们先来看一下css选择器都有哪些。 一、选择器类型 1、元素选择器 Element Sele...

  • CSS基础

    CSS语法 selector {property: value}即 选择器{属性:值}学习css即学些有哪些选择器...

  • 2019前端经典面试题 CSS 部分常见问题

    CSS部分常见问题 1、CSS3选择器有哪些? 答:属性选择器、伪类选择器、伪元素选择器。 2、CSS3新特性有哪...

  • CSS 都有哪些选择器?

    ##id选择器 ##class选择器 ##伪类选择器 a:link{ color:#999999; } a:vis...

  • CSS 都有哪些选择器?

    1.标签选择器(如:body,div,p,ul,li) 2.类选择器(如:class=”head”,class=”...

  • CSS选择器

    CSS选择器规定了CSS规则会作用到哪些元素上。 基本选择器 元素选择器:根据元素名称匹配元素 类选择器:根据元素...

  • 学习纲要:CSS 常用选择器

    选择器用来选择要在DOM中哪些元素上使用某些样式。 学习目标 知道什么是 CSS 选择器。 知道 CSS 选择器有...

网友评论

      本文标题:CSS 都有哪些选择器?

      本文链接:https://www.haomeiwen.com/subject/bvsdvftx.html