header是什么选择器(计算机,网页设计中CSS各选择器的含义,用途和不同,尤其是复合内容选择器)

本文目录
计算机,网页设计中CSS各选择器的含义,用途和不同,尤其是复合内容选择器
1元素选择器
HTML文档的元素名称就是元素选择器。 1)语法,例如:html《color:black;》、h1{color:blue;}、p{color:silver;} 2)缺点:不同的元素样式相同,即不能跨元素。所以做不到同一类元素下的细分。
2类选择器
自定义的某种选择器。 1)语法:.className{样式声明} 例如:.myClass{ background-color:pink;font-size:47px; } 《h3》h3中的文本《/h3》 《p》p中的文本《/p》
注意事项:
html文件中,所有元素都有一个class属性,如:《p》《/p》
类选择器还一种用法:《div id="d1"class="s1 s2"》hello《/div》,样式s1和样式s2对div共同起作用。
3分类选择器
将类选择器和元素选择器结果起来使用,以实现同一类元素下不同样式的细分控制。如《input》元素,又有按钮又有文本框的,采用分类选择器。 1)语法:元素选择器.className{样式声明} 例如: p.myClass{ color:red;font-size:27px } 《h3》h3中的文本《/h3》 《p》p1中的文本《/p》 《p》p2中的文本《/p》
4元素id选择器
以某个元素id的值作为选择器。比较特殊的、页面整体结构的划分一般使用id选择器。 1)语法:定义id选择器时,选择器前面需要有一个“#”号,选择器本身则为文档中某个元素的id属性的值。 例如:#header{ color:red;background:yellow; } 《h1 id="header"》This is Title《h1》
u 注意事项:
v html文件中,所有元素都有一个id属性。且某个id选择器仅使用一次。
5派生选择器
依靠元素的层次关系来定义。某一包含元素下的一些相同子元素使用派生选择器。 1)语法:通过依据元素在其位置的上下文关系来定义样式,选择器一端包括两个或多个用空格分隔的选择器。 例如:h1 span{color:red;} 《h1》This is a《span》important《/span》heading《/h1》
6选择器分组
对某些选择器定义一些统一的设置(相同的部分)。 1)语法:选择器声明为以逗号隔开的元素列表。 例如:h1,p,div{ border:1px solid black;}
7伪类选择器
伪类用于向某些选择器添加特殊的效果。 1)语法:使用冒号“:”作为结合符,结合符左边是其他选择器,右边是伪类。 2)常用伪类:有些元素有不同的状态,典型的是《a》元素。 ①:link:未访问过的链接 ②:active:激活 ③:visited:访问过的链接 ④:hover:悬停,鼠标移入,所有元素都能用 ⑤:focus:获得焦点 例如:a:link{ color:black;font-size:20px; } a:visited{ color:pink;font-size:20px; } a:hover{ font-size:27px; } a:active{ color:red; }
8选择器优先级
1)基本规则:内联样式 》 id选择器 》 类选择器 》 元素选择器
2)优先级从低到高排序:
div 《 .class 《 div.class 《 #id 《 div#id 《 #id.class 《 div#id.class 例如:《div id="id" style="color:black;"》《/div》
table里的这个class怎么用的
这一般是在css里面用到的。
class是个类名,后面的page_Header表示将用到的类选择器。就和许多语言里的类一样。你要是想用它表示的属性你就要调用它。即另你的class=“它的类名”。你看下面的例子就明白了。
《html》
《head》《title》CSS示例《/title》《/head》
***隐藏网址***
《style type="text/css"》
.page_Header{font-family:"宋体";font-size:14pt;color:red}
《/style》
《/head》
《body》
《span class="page_Header"》这行文字是红色的.《/span》《/body》
《/html》
CSS的基本选择器有哪几种分别适合在什么情况下使用
三种:类别选择器、标签选择器、id选择器,类别是用class命名的时候用 标签是html标签的时候用 id就不用多说了
样式名#header属于哪一种样式
带#符号的是id选择器。
带.的事class选择器。
什么也不带的,只有标签名称的是标签选择器。
选择器权重是id》class》标签。
通常一个页面里面的id不会重复,class可以重复。

更多文章:
java外包用的比较多技术(java后端程序员最常用的技术有哪些,重点技术有哪些)
2026年5月22日 18:30
clip converter(用ClipConverter下载的youku视频在电脑哪个文件夹)
2026年8月24日 21:15
chmod修改权限(ubuntu linux下使用 chmod 修改文件权限,命令后提示【缺少操作数】,求解决方法)
2025年8月3日 09:30
neighborhood在哪买(香港潮牌店铺推荐去香港买什么好)
2026年6月6日 23:00
richtextbox用法(怎样使用C#的RichTextBox控件)
2026年2月13日 20:45
js replace 正则表达式(求一个js正则表达式:替换html内容中除了标签外的特定字符为另外一个字符.)
2025年9月5日 03:00
rock什么意思中文意思(rock是什么意思 rock的中文翻译、读音、例句)
2026年9月6日 10:30
衣香丽影同档次的品牌(太平鸟,伊芙丽,衣香丽影,红袖三彩哪家好)
2026年8月15日 07:15
excel怎么用round保留一位小数(excel如何保留一位小数)
2025年12月21日 16:45
c语言数组元素求和(c语言求数组元素的总和!求助各位大佬!)
2025年9月7日 00:30















