CSS六大选择器(注释css表里不能加注释!!)

@charset "utf-8";
/* CSS Document */
<!--标签控制器-->
body{
    background-color:#F00}
<!--id选择器,精确地控制p1标签-->
#p1{
    color:#3F3}
<!--class选择器,只要class为name的都可以控制,nama随便起-->
.name{
    color:#30C}
<!--多项控制,表示并列-->
b,i{
    color:#6C6}
<!--找到p1下所属的font进行控制-->
#p1 font{
    color:#000}
<!--筛选所有p标签中class等于name的-->
p.name{
    color:#FF0}
时间: 2024-11-08 22:51:31

CSS六大选择器(注释css表里不能加注释!!)的相关文章

CSS样式选择器优先级

原文:CSS样式选择器优先级 CSS样式选择器分为4个等级,a.b.c.d,可以以这四种等级为依据确定CSS选择器的优先级. 1.如果样式是行内样式(通过Style=””定义),那么a=12.b为ID选择器的总数3.c为Class类选择器的数量.4.d为类型选择器的数量5.属性选择器,伪类选择器和class类选择器优先级一样,伪元素选择器和类型选择器一样6.!important 权重最高,比 inline style 还要高. 例如: 选择器 特殊性 (a,b,c,d) Style= ”” 1,

CSS的六大选择器

选择器:选择器是一种模式,用于选择需要添加样式的元素. 首先简述六大选择器 基本选择器 标签选择器 类选择器 ID选择器 高级选择器 层次选择器 结构伪类选择器 属性选择器 其中基本选择器与层次选择器较为常用. 一.基本选择器 1.标签选择器 使用HTML标签来设置标签内的图文样式. 2.类选择器 使用class属性定义标签类值,指定某一类属性值来定义其样式.  <h1 class="classname"></h1>  .classname{font-size:

Unit02: CSS 概述 、 CSS 语法 、 CSS 选择器 、 CSS声明

Unit02: CSS 概述 . CSS 语法 . CSS 选择器 . CSS声明 my.css p { color: yellow; } demo1.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 2.内部样式:在head元素内部的style标签内 写样式,这种样式

文章标题CSS常用选择器及与HTML结合方式

标签分类: 块级标签:block ` div p ul li table 行内标签:in line span CSS与HTML结合方式: A:在标签中的style属性里书写css代码 例:<div style="color:red;" >大家好</div> B:把css代码写到head中的style标签里,可提高css代码的重用性. 例: <style type="text/css" > div{ color:red; } <

HTML学习笔记 CSS学习选择器 第五节 (原创)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="tzy.css" type="text/css"> <style type="text/

HTML学习笔记 CSS学习选择器案例 第五节 (原创) 参考使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="tzy.css" type="text/css"> <style type="tex

CSS选择器、CSS hack及CSS执行效率

主要内容: 1.CSS选择器.优先级与匹配原理 2. CSS 引入的方式有哪些 ? link 和 @import 的区别是 ? 3.CSS hack 4.如何书高效CSS  一.CSS选择器.优先级与匹配原理     CSS选择器大概可以分为:1.id选择器(#myid)  2.类选择器(.myclassname)  3.标签选择器(div,h1,p)  4.相邻选择(h1+p)6.后代选择器(li a)7.通配符选择器(*)  8.属性选择器(a[rel='externaml']) 9.伪类选

CSS选择器(CSS终极指南阅读回顾)

CSS选择器语法 CSS样式表有选择器和生命块组成.声明块有属性名.属性值.中间有冒号分开,后面分号结尾. 选择器组操作 可以把几个选择器组合到一块,来快速选取操作的元素.例如,h1,h2,h3,h4,h5,h6{color:red;} *通配符选择器,选择所有的元素. 标签选择器 类选择器 由点号加名字组成.需要html标签添加class属性. 类可以结合标签选择器使用:p.class1. 两个类可以.class1.class2的方式使用,选择class="class1 class2"

css基础语法一(选择器与css导入方式)

页面中,所有的CSS代码,需要写入到<style></style>标签中.style标签的type属性应该选择text/css,但是type属性可以省略. CSS修改页面中的所有标签,必须借助选择器选中.选择器中,可以写多对CSS属性,用{}包裹: 每个属性名与属性值之间用:分隔,多对属性之间,必须用;分隔.         选择器{                    属性1:属性值1;                    属性2:属性值2;