HTML与CSS基础之属性选择器(二)

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>属性选择器</title><style type="text/css">span[title] {background-color: #FF1493;}span[class] {background-color: #9400D3;}span[id] {background-color: #8FBC8F;}p[title^="abc"] {background-color: #ADFF2F;}//让已title属性abc开头的都设置成这个颜色/*p[title=abcd] {background-color: darkorange;}*/</style></head><body><p title="abc">属性选择器测试</p><p title="abcd">属性选择器测试</p><span title="属性标签，显示提示的">属性标签</span><span class="测试标签">属性标签</span><span id="ID标签">属性标签</span></body></body></html>

HTML与CSS基础之属性选择器(二)相关推荐

CSS基础（复合选择器-三大特性）
CSS基础(复合选择器-三大特性) Emmet语法快速生成HTML 如果想快速生成多个标签,直接*n. div*3
html笔记（一）html4+css2.0、css基础和属性、盒模型
w3c 官网这里是 html4 的内容大标题小节一.关于HTML 1. 基本语法 2. HTML常用标签 3. 相对路径和绝对路径二.css基础 1. 表单元素 2. 创建样式表 3. cs ...
CSS基础-02-基础选择器
文章目录前言一.标签选择器二.类选择器三.id选择器四.通配符选择器总结前言理解选择器的作用,能够使用基础选择器在HTML中选择元素标签选择器:类选择器:id选择器:通配符选择器一 ...
CSS基础语法与选择器扫盲
一.CSS基础语法; 1.1 语法解释 selector {declaration1; declaration2; ... declarationN } 选择器通常是您需要改变样式的 HTML 元素. ...
CSS基础样式属性设置
文章目录 css基础样式与属性设置一.宽和高二.字体属性 1. font-family:文字字体 2.font-size:字体大小 3.font-weight:文字粗细 4.font-style: ...
CSS基础标签属性及案例
CSS基础 CSS:cascading style sheets,层叠样式表格:CSS起到装饰作用,将不同功能的代码做分离,方便维护:可以大大提高工作效率,将HTML代码和样式代码分离: 1. 书写规 ...
CSS 基础知识属性
阅读目录参考文献 CSS 基础知识 CSS 是怎么工作的? CSS 的使用层叠.优先级和继承 @规则常见值与单位尺寸(长度/大小) color 颜色值渐变色 gradient 计算函数 ca ...
CSS高级篇——属性选择器 (attribute selectors)
属性选择器可以定位到拥有某个属性的元素,甚至可以精确到具体的属性值. 属性匹配选择器后面跟一个方括号,方括号内是属性名: abbr[title] { border-bottom: 1px dotte ...
css基础伪类选择器与选择器权重以及盒子模型的用法演示
1. 伪类选择器根据元素的位置或状态来匹配子元素 1.1 结构伪类与上下文选择器很相似后文演示所用 HTML 代码如下: <!DOCTYPE html> <html lang= ...

HTML与CSS基础之属性选择器(二)

HTML与CSS基础之属性选择器(二)相关推荐

最新文章

热门文章