样式选择器

1.标签名选择器     div { color:Red;}         /即页面中的各个标签名的css样式2.类选择器          .divClass {color:Red;}       /即定义的每个标签的class 中的css样式3.ID选择器         #myDiv  {color:Red;}        /即页面中的标签的id4.后代选择器(类选择器的后代选择器)  .divClass  span { color:Red;}   /即多个选择器以逗号的格式分隔 命名找到准确的标签5.群组选择器   div,span,img {color:Red}    /即具有相同样式的标签分组显示

选择器的优先级1.最高优先级是 (直接在标签中的设置样式,假设级别为1000)<div style="color:Red;"></div>
2.次优先级是(ID选择器 ,假设级别为100) #myDiv{color:Red;}

3.其次优先级是(类选择器,假设级别为10) .divClass{color:Red;}
4.最后优先级是 (标签选择器,假设级别是 1)  div{color:Red;}
时间: 2024-10-24 13:45:00

样式选择器的相关文章

[2016-01-16][CSS][定义样式表(样式选择器)]

Class 定义:.classname{ 属性:属性值;} 使用:<p class = "classname"></p> ID 定义: #IDNUM{ 属性:属性值; } 使用:<p id = "IDNUM"></p> 组合选择器 定义:标记1,标记2...标记n{属性:属性值;} 使用:直接正常使用上面存在标记即可 伪选择器 calss的使用 ID的使用 组合选择器h1 h2 h3 伪选择器 1 2 3 4 5 6

JS实战 &#183; 仿css样式选择器

代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>仿css样式选择器</title> <style type="text/css"> #textid{ height: 100px; width: 300px; } #fontid{ heig

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样式选择器

1 <!-- 2 css样式选择器 3 HTML选择器 4 类选择器 5 ID选择器 6 关联选择器 7 组合选择器 8 伪元素选择器 9 10 selector{ /* selector是样式选择器 11 property:value; /* color:red; 12 property:value; /* font-size:4cm; 13 ..... 14 } 15 16 selector当定义一条样式规则时,必须指定受这条样式规则作用的网页元素,在一条规则中定义的网页元素就是select

关于样式选择器:hover出现忽闪现象

有时候在做项目的时候会想给一个元素添加一个遮罩效果,然后鼠标划过去的时候,遮罩消失,一般最简单的方法就是使用样式选择器:hover,但是经历过才知道恶心,有种灯泡快要坏的感觉,闪瞎自己的眼睛,于是诞生了解决它的方法,代码如下(图片自己随便找几张,按照路径放进去就可以),开始.... <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    &l

html添加css——样式选择器

如何给html添加样式.两种方法: 一.新建立一个css样式表,与原html同目录,然后通过link标签链接.如:<link type="text/css" rel="stylesheet" href="lounge.css">(link标签是一个void元素,无结束标签.) 二.直接在html源码中使用style标签.如:<style>样式</style>,style标签嵌入head中. html中插入sty

HTML常用标签及CSS样式选择器

HTML常用标签及CSS样式选择器 html部分 <!DOCTYPE html> <html> <head> <!--头标记 写描述性的信息(css\javaScript)--> <!--引入外部的样式文件 rel:relationship的英文缩写·REL属性用于定义链接的文件和HTML文档之间的关系 --> <link rel="stylesheet" type="text/css" href=&

HTML 中的样式选择器

选择器: 1.标签选择器.用标签名做选择器. eg. <style type="text/css"> p //格式对标签P起作用 { 样式: } </style> 2.class选择器.都是  .  开头 <style> .main /*定义样式*/ { 样式: } </style> <body> <div class="main"> <!--调用class样式--!> </d

h5基础--css样式--选择器

   一.概念 选择器:用于选择样式给哪个标签使用 二.分类 标签选择器:按照html 网页标准的标签进行选择并加样式 格式:   标签名 { 属性:值; 属性:值; } eg: p{ text-color:red; } 类选择器(☆☆☆☆☆☆): 格式: .类名{ 属性名:值 } id选择器 格式: # id名字{ 属性名:值 } 复合选择器