/* p {
color: #007AFF;
font-weight: bold;
}
#test {
color: #4CD964;
font-size: 30px;
}
.test_class {
color: red;
}
[align="bottom"] {
color: greenyellow;
font-weight: 200;
font-size: 40px;
}
[name|="t"] {
color: cyan;
}
[name~="t1"] {
color: red;
}
p {
color: orange
} */
HTML选择器测试专用
ID选择器测试专用段落
类选择器测试专用代码
属性选择器测试专用代码1
属性选择器测试专用代码2
属性选择器测试专用代码3
这是一个段落,应用了直接样式表
这是一个段落,应用了内部样式表
这是一个测试内容
段落段内段落
{{message}}{{name}}
/* 应用对象 */
var app = new Vue({
/* 元素 */
el: '#app',
/* 保存数据 定义好的变量要在data中声明*/
data: {
message: '测试我的第一个vue',
name: 3
}
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史