css选择器：基本选择器

WrBug 发布于2019-04-23 13:08 / 767人阅读

摘要：基本选择器通用元素选择器表示应用到所有的标签。元素标签选择器匹配所有标签的元素类选择器匹配所有属性中包含起的类名的元素。

基本选择器

1、通用元素选择器

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

　　　padding:0px;

　　　margin:0px;

　　}

2、元素/标签选择器

匹配所有p标签的元素

　　　color:red;

　　　background:yellow;

　　}

3、类选择器

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

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

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

html:

　　　　我是p

css:

　　.head{

　　　color:red;

　　　background:yellow;

　　}

4、id选择器

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

语法：#id名{属性名:属性值;}（id名不能以数字开头）

html:

我是p

css:

　　#green{

　　　color:green;

　　}

服务器托管专线服务基本选择器 css选择器基础选择器css 选择器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1462.html

第十二课 CSS基本选择器 css学习2

摘要：可以是数字，关键词或公式十一目标伪类选择器器目标伪类选择器选择器可用于选取当前活动的目标元素基础选择器一、标签选择器（元素选择器）标签选择器是指用HTML标签名称作为选择器，按标签名称分类语法：标签名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 二、类选择器1、类选择器使用.(英文)+类名进行选择三、css命名规范1、长名称或词组可以使用中横线来为选择器命名2、不建议使用_下...

khs1994 2019-04-23 11:48 评论0 收藏0
前端入门3-CSS基础

摘要：表示的是满足第一个选择器的前提下，从它匹配到的元素后，去寻找位于同一层级，且在该元素后面的所有满足第二个选择器的元素。本篇文章已授权微信公众号 dasu_Android（大苏）独家发布声明本系列文章内容全部梳理自以下四个来源：《HTML5权威指南》《JavaScript权威指南》 MDN web docs Github:smyhvae/web 作为一个前端小白，入门跟着这四个...

JackJiang 2019-04-23 13:14 评论0 收藏0
CSS札记（一）：CSS选择器

一、语法规则选择器{ 属性1:属性值1; 属性2:属性值2; ...... } /*注释*/ 二、如何在html中应用CSS 1. 外部引用css文件 css文件：css/layout.css（css文件夹和HTML位于同一个目录下） 2. 内部嵌入css /*css代码*/ 3...

yzzz 2019-08-30 14:20 评论0 收藏0
CSS札记（一）：CSS选择器

一、语法规则选择器{ 属性1:属性值1; 属性2:属性值2; ...... } /*注释*/ 二、如何在html中应用CSS 1. 外部引用css文件 css文件：css/layout.css（css文件夹和HTML位于同一个目录下） 2. 内部嵌入css /*css代码*/ 3...

孙淑建 2019-08-02 10:05 评论0 收藏0
jQuery入门笔记之（一）选择器引擎

摘要：选择器，若未作特别说明，获取的都是元素集合。过滤器名语法说明选取所有不可见元素选取所有可见元素注意过滤器一般是包含的内容为样式为表单类型为和的元素。四子元素过滤器子元素过滤器的过滤规则是通过父元素和子元素的关系来获取相应的元素。转自个人博客本来是单独整理了一个CSS选择器的，但是在jQuery中基本都有对应的，所以就不发了。 jQuery选择器，若未作特别说明，获取的都是元素集合。...

charles_paul 2019-08-19 17:17 评论0 收藏0