HTML selector HTML selector 就是 HTML 的 tags, 比如 P, DIV, TD 等. 如你用 CSS 定义了它们, 在整页中, 这个 Tag 的性质就按照你的定义来显示了. HTML selector 的语法如下 tag {property:value}比如我们想叫 H1 的颜色是红的H1 {color: red}这里还要告诉你 CSS 的一个特点, 它可定义好几个 selector 在一个 rule 里. 比如 H1, H2, TD {color: red}这个定义就能让所有的 H1, H2, 和 TD 的颜色都为红色.Class selector Class selector 有两种, 一种叫相关 class selector, 它跟一个 HTML 的 tag 有关系. 它的语法是tag.Classname {property:value}比如我们想叫一些而不是全部 H1 的颜色是红的 H1.redone {color: red}这样在下面的语句中, 第一个 H1 是红色的, 而第二个就不是了 红色的题目普通的题目第二种是独立 class selector . 它可被任何 HTML tag 所应用. 它的语法如下 .Classname {property:value}假如我们有下面这个定义.blueone {color: blue}那么我们可以把他应用到不同的 Tag 当中去. 比如 蓝色的题目蓝色的段落显然 class selector 给了我们更多的自由.ID selector ID selector 其实跟独立 class selector 的功能一样. 而区别在于它们的语法和用法不同, 以及对于 avas cript 操纵 HTML 元素有帮助. 它的语法如下#IDname {property:value}假如我们有下面的定义#yelowone {color: yellow}我们可以运用这个定义到任何的有同样 ID 名字的 tag, 比如 text here你可能觉得既然 ID selector 和独立 class selector 功能一样, 为什么两者都存在呢. 如果你知道用 CSS-P 来定位的话, 你就明白它们的区别了. 有 ID 的 HTML 元素可以被 CSS-P和 avas cript 来操纵。到现在为止, 你已经大概知道如何来写 CSS 的定义了, 下面五节我们将会告诉你如何用 CSS 来操纵或修改。
详细介绍CSS的三种selector
来源:互联网 发布日期:2016-03-25 16:24:34 浏览:2176次
相关内容
- 人形机器人登陆英伟达GTC大会,产业发展已成趋势
- 马斯克:可能在明年年底前出售特斯拉人形机器人 Optimus
- 因会产生烧焦气味,日本世嘉玩具公司召回猫咪机器人
- 采茶姑娘隐退!采茶机器人登台
- 第一个具有情商的聊天机器人来了,这可能是未来 Siri 的样子
- Kria开发板搭配QNX软件,AMD、黑莓宣布合作推进下一代机器人系统
- “马斯克2.0”最新预判:人形机器人明年就能“上班挣钱”了!
- 李彦宏上车直播:汽车机器人就是未来,相当于司机和助理
- 从液压Atlas到电动Atlas,人形机器人的拐点时刻
- 上市公司积极布局人形机器人赛道
- 特斯拉或将在2025年底前销售人形机器人Optimus,机器人100ETF(159530)一度涨超1%
- 波士顿动力推出全新电动 Atlas 人形机器人:更强更灵活
- 全球首台商用协作机器人制造商:拒绝价格战,大力引入人工智能
- 马斯克:“擎天柱”机器人仍在试验阶段 最早明年年底上市
- 机器人实现全自动显微注射 将提高大规模遗传学实验能力
- 波士顿动力宣布停止开发人形机器人:Atlas
- 苹果从汽车转向家用机器人,机器人100ETF(159530)投资机会备受关注
- 昊志机电:目前公司谐波减速器等产品尚未应用于人型机器人领域
- AI Pioneers|星海图高继扬:人形机器人不是具身智能的唯一答案
- “高质量场景数据集将是人形机器人落地壁垒”
AiLab云推荐
最新资讯
- 机器人实现全自动显微注射 将提高大规模遗传学实验能力
- 星尘智能发布AI机器人,可以叠衣、炒菜、叠杯,预计今年商业化
- 全球首台商用协作机器人制造商:拒绝价格战,大力引入人工智能
- 马斯克:可能在明年年底前出售特斯拉人形机器人 Optimus
- 苹果中国工厂回收机器人首次露面,规避了哪些电子回收弊端?
- 特斯拉或将在2025年底前销售人形机器人Optimus,机器人100ETF(159530)一度涨超1%
- 马斯克:“擎天柱”机器人仍在试验阶段 最早明年年底上市
- 马斯克称最快明年底前开卖人形机器人Optimus!网友:真能那么快吗?
- 外媒:马斯克透露,“擎天柱”机器人仍在试验阶段,最早明年年底上市
- 投资300亿!机器人产业爆发:几大趋势
本月热点
- 人形机器人崛起:OpenAI、微软洽谈投资Figure AI,望募资5亿美元
- OpenAI 悄悄升级 ChatGPT:可在对话中调用不同的自定义聊天机器人 | 懂点AI
- Limbic开发AI心理咨询机器人,帮用户避免与人类交流可能引发的焦虑感
- 麒麟信安入股超能机器人 或尝试打开新业绩增长点?公司最新回应来了
- 灿瑞科技:已有产品应用于消费级机器人领域
- 英伟达官宣AI聊天机器人,本地RTX显卡运行,这是要挑战OpenAI?
- 人形机器人企业暂时得救了
- Meta联合研发家务机器人,能在零人力帮助下自主整理房间
- 端到端纯视觉!OpenAI押注的人形机器人献艺拜年了
- 波士顿动力 Atlas 机器人能力升级,可灵活搬运汽车零件
热门排行
-
斯坦福家政机器人火了但又翻车了!多数是真人操控编排的
阅读量:167404
-
斯坦福团队发布新机器人Mobile Aloha,人形机器人将迎来产业元年?
阅读量:165704
-
我的同事是 GPT-4 机器人,我们在 Slack 上一起工作
阅读量:162431
-
谷歌起草“机器人宪法”,以确保 AI 机器人不会伤害人类
阅读量:160333
-
人形机器人崛起:OpenAI、微软洽谈投资Figure AI,望募资5亿美元
阅读量:104310
-
大疆回应停售青少年教育产品:将资源聚焦在大学生高校机器人赛事
阅读量:68788