欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

css选择器(一)基本选择器

程序员文章站 2023-10-19 15:43:48
基本选择器 1、通用元素选择器 *表示应用到所有的标签。 *{ padding:0px; margin:0px; } 2、元素/标签选择器 匹配所有p标签的元素 p{ color:red; background:yellow; } 3、类选择器 匹配所有class属性中包含“起的类名”的元素。 语法 ......

基本选择器

1、通用元素选择器

*表示应用到所有的标签。

  *{

   padding:0px;

   margin:0px;

  }

2、元素/标签选择器

匹配所有p标签的元素

  p{

   color:red;

   background:yellow;

  }

3、类选择器

匹配所有class属性中包含“起的类名”的元素。

语法:.类名{属性名:属性值;}

注意:类名不能以数字开头,类名要区分大小写

html:

  <p class="head">

    我是p

  </p>

css:

  .head{

   color:red;

   background:yellow;

  }

4、id选择器

使用id属性来调用样式,在一个网页中id的值都是唯一的。(相当于人的身份证)

语法:#id名{属性名:属性值;}(id名不能以数字开头)

html: 

  <p id=”green”>我是p</p>

css:

  #green{

   color:green;

  }