CSS类选择器

原创 2013年12月06日 13:03:12

CSS多类选择器:

<html>


<head>
<style type="text/css">
.intro//注意行首的"."号,定义为类选择器
{

color:blue;

text-align:center;

}
.important//注意行首的"."号,定义为类选择器

{

background-color:yellow;

}

</style>
</head>

<body>
<h1 class="intro important">Header 1</h1>//使用类选择器,两种CSS效果都有
<p class="intro">A paragraph.</p>//只有intro定义的效果
</body>

</html>

如此.

相关文章推荐

css3ui状态伪类选择器

  • 2016年08月22日 18:52
  • 1KB
  • 下载

CSS选择器详解(伪类)

CSS选择器详解 之 伪类伪类对大小写不敏感结构伪类选择器结构伪类是CSS3新增的类型选择器,利用DOM树实现元素过滤,通过文档结构的相互关系来匹配元素,可以减少class和id属性的定义,使文档变得...
  • Panda_m
  • Panda_m
  • 2015年11月28日 19:09
  • 9823

必须记住的 30 类 CSS 选择器

大概大家读知道`id`,`class`以及`descendant`选择器,并且整体都在使用它们,那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的,所以...

css知识笔记(一)——基础知识、选择器、元素分类

CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。 如下列代码: p{ fon...

CSS伪类选择器介绍和使用

伪类选择器:大的分类可以分为结构伪类选择器、动态伪类选择器和UI元素状态伪类选择器结构伪类选择器1、nth系列选择器:nth-child和nth-of-type:first-child选择某个元素的第...

CSS3学习笔记 之 动态伪类选择器

动态伪类选择器为伪类选择器的一种,其语法如下: E: pseudo-class {property:value} 其中E为HTML中的元素,pseudo-class是CSS的伪类选择器名称,pr...
  • atleks
  • atleks
  • 2014年08月31日 23:53
  • 1359

CSS3选择器/伪类的那些事~

article h2:后代选择器:选择指定祖先元素内的后代元素article > h2:子元素选择器:选择指定父元素内的直接子元素h2~p 选择器是一个普通兄弟选择器,查询h2元素后面的拥有共同父元素...

CSS的概述:选择器、基类

今天在看面试素材的时候看到css有七种选择器,我自己在那边数了半天,只知道五种,在网上查了一下资料,发现还不止七种,不过我在平时工作里常用的也就id选择器、类选择器、标签选择器以及子选择器,其它的很少...

CSS3 :nth-child()伪类选择器

CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器...
  • wstwlk
  • wstwlk
  • 2013年04月02日 08:58
  • 205

css3伪类选择器使用总结

伪类选择器分为结构性、子元素、 UI、动态和其它伪类选择器 大部分伪类选择器如下图所示 :root返回 在下面的示例中: div > p:only-child{     color:re...
  • MOONCOM
  • MOONCOM
  • 2016年12月26日 19:44
  • 2487
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS类选择器
举报原因:
原因补充:

(最多只允许输入30个字)