CSS选择符说明

2022-04-15 0 520

一、类型选择符

body

{

  font-size:12px;

}

{

  color:blue;

}

  指对网页中已有的标签类型作为名称的选择符,如上表示:body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。

  二、群组选择符

h4,p,span

{

  font-size:12px;

}

  表示页面所有的h4,p,span标签内文字都为12px大小,即对一组对象进行相同的样式指定,每个标签之间用逗号分隔开来。

  三、包含选择符

div p

{

  font-weight:bold;

}

  表示div标签里边的p标签内的文字为粗体字、这是一种包含关系,每个标签之间用空格隔开,可以为多级包含。

  四、id和class选择符

  id是对页面中的唯一元素进行样式定义,这个样式在页面中只使用一次、即id不重复

<div id=”myDiv”>

..

</div>

#myDiv

{

  font-size:12px;

}

  class定义的是通用或经常使用的样式,一种样式在一个页面中需要出现多次,即可以为不同的标签指定相同的class,如下表示:div和p标签内的字体都是蓝色

<div class=”red”>

</div>

<p class=”red”>..</p>

.red

{

  color:blue;

}

  五、组合选择符

  使用id或class,同时也使用标签来进行组合

h1 #cont

{

}

  表示id为cont的h1标签

h1 .cont

{

}

  表示所有class为cont的h1标签

  六、伪类选择符

  常见为a标签

a:link

{

}

a:hover

{

}

a:visited

{

}

  七、通配选择符

*

{

  color:blue;

}

  表示所有对象的字体都为蓝色。

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 CSS/HTML CSS选择符说明 https://www.niceym.com/16679.html