CSS选择符类型

作者: 了无_数据科学 | 来源:发表于2020-05-29 10:11 被阅读0次

CSS的语法: CSS 的定义是由三个部分构成: 选择符(selector),属性(properties)和属性的取值(value)。

1、标签选择符:

如p{color:#F00; font-size:36px;},使用<p>直接作用源</p>

2、类选择符:

如 .red{color:#C00;},使用<p class="red">直接作用</p>

3、ID选择符:

如 #two{color:#600; font-family:'汉仪行楷简';},使用<p id="two">直接作用</p>

4、包含选择符:

如 p strong{color:#F00;},使用<p><strong>直接作用</strong></p>

5、通配选择符:

如 *{color:#0C0; font-size:18px;},可以控制所有的百html元素作用范围很广,但是效率较低

6、选择符分组:

如p,h1,div{color:#F00;font-size:36px;},对p,h1,div都有度效

7、标签指定式选择符:

如p#one{ color:#F00;font-size:36px;},只对id为one的p标签有效

8、组合选择符:

将所有选择符类型组合使用

引自百度

相关文章

  • HTML与CSS 目录

    HTML与CSS 目录 基础知识 【CSS选择符】类型选择符【CSS选择符】类选择符 和 ID选择符【CSS选择符...

  • CSS权重问题

    CSS权重 类型选择符的权重为:0001 类(class)选择符的权重为:0010 ID选择符的权重为:0100 ...

  • 【CSS选择符】类型选择符

    CSS代码: 用于选取特定HTML标签的选择符,叫类型选择符或元素选择符。这种选择符的作用特别大。能把样式应用到网...

  • 好程序员web前端培训CSS选择符(选择器):表示要定义样式的对

    好程序员web前端培训分享CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(elemen...

  • CSS选择符类型

    CSS的语法: CSS 的定义是由三个部分构成: 选择符(selector),属性(properties)和属性的...

  • css元素选择符

    1 通配符(*) css2 兼容浏览器版本 注: 示例 2 标签(类型)选择符(Element) css1 兼容浏...

  • 【CSS选择符】子代类型选择符

    子代类型选择符与子代选择符的作用很相似,不过子代类型选择符用于选取特定类型子代HTML标签。 :first-of-...

  • 组合选择符

    1、CSS 组合选择符 Note 组合选择符说明了两个选择器直接的关系。CSS组合选择符包括各种简单选择符的...

  • css学习 第四天

    CSS组合选择符 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器...

  • CSS选择符介绍

    我们都是通过CSS选择符来锁定HTML元素进行样式的修改,在CSS选择符这一节中讲到了以下几种选择符: 子选择符与...

网友评论

    本文标题:CSS选择符类型

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