CSS - 选择器(标签选择器、类选择器、ID选择器)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>CSS选择器</title><!-- CSS选择器类型：标签选择器、类选择器、ID选择器--><style type="text/css">/* 标签选择器 */p{color:red;}li{font-size:12px;}/* 类选择器 */.db{font-size:20px;color:blue;}/* ID选择器 */#welcome{font-weight: bold;text-decoration: underline;}/* 复合选择器 */li.itany{font-size:30px;color:yellow;}li#wbs{font-family: 黑体;color:pink;}/* 嵌套选择器 */p span{font-size:35px;color:#ff7300;}p span#huogai{color:green;}/* 集体声明 */p,p span#huogai{font-size:25px;}</style>
</head>
<body><p id="welcome">你好，欢迎访问贵美商城！<span id="huogai">不是一般的活该</span></p><ul><li class="db">家用电器</li><li>大家电</li><li>大家电</li><li>大家电</li><li class="itany">大家电</li><li>大家电</li><li>大家电</li><li>大家电</li><li>大家电</li><li>大家电</li></ul><span>真活该</span><ul><li class="db">日用百货</li><li>洗衣粉</li><li>洗衣粉</li><li>洗衣粉</li><li id="wbs">洗衣粉</li><li>洗衣粉</li><li>洗衣粉</li><li>洗衣粉</li><li>洗衣粉</li><li>洗衣粉</li><li>洗衣粉</li></ul><p>啊哈哈哈哈哈哈哈<span>哈哈</span></p>
</body>
</html>

CSS - 选择器(标签选择器、类选择器、ID选择器)相关推荐

前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......
前端的那些基本标签
[css] 标签、class和id选择器三者的区别是什么？分别在什么时候用？
[css] 标签.class和id选择器三者的区别是什么?分别在什么时候用? 标签选择器:tag{} 选取对应的标签例如 a span div class选择器:.class-name{} 选取对应c ...
html:(27):类和ID选择器的区别和子选择器
类和ID选择器的区别学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1.ID ...
html类选择器和id选择器,类和ID选择器的区别
学习了类选择器和ID选择器,我们会发现他们之间有很多的相似处,是不是两者可以通用呢?我们不要着急先来总结一下他们的相同点和不同点: 相同点:可以应用于任何元素不同点: 1.ID选择器只能在文档中使用 ...
CSS - 类型、类和ID选择器 - 个人笔记
类型选择器类型选择器也叫元素选择器或标签名选择器,因为它在文档中选择了一个HTML标签/元素的缘故.在下面的示例中,我们已经用了span.em和strong选择器,<span>.< ...
HTML中id选择器和class选择器的区别（为什么id选择器不能重复）
id选择器与class选择器的区别: 区别 1:只能在文档中使用一次与类不同,在一个 HTML 文档中,ID 选择器会使用一次,而且仅一次. 区别 2:不能使用 ID 词列表不同于类选择器,ID ...
id选择器、标签选择器、类选择器、交集选择器、并集选择器
通过id选择器获取元素点击按钮显示效果 <!DOCTYPE html> <html lang="en"> <head><meta char ...
CSS ID选择器与类选择器的区别
CSS中ID选择器与类选择器的用法看起来很相似,但是它们有以下两个区别 1.原则上ID选择器只能使用一次,而类选择器可以不限次数使用 <html> <head><styl ...
html:(26):类选择器和id选择器
类选择器类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为"胆小如鼠"."勇气"字体设置为红色. 语法: .类选器名称{css样式代 ...
CSS基础学习六：id选择器
一id选择器示例 id选择器允许以一种独立于文档元素的方式来指定样式.在某些方面,id选择器类似于类选择器,不过也有一些重要差别. 语法首先,id选择器前面有一个 # 号,也称为棋盘号或井号. 请 ...

CSS - 选择器(标签选择器、类选择器、ID选择器)

CSS - 选择器(标签选择器、类选择器、ID选择器)

CSS - 选择器(标签选择器、类选择器、ID选择器)相关推荐

最新文章

热门文章