code { background-color: #EEE; color: #555; padding: 2px 4px; border-radius: 2px; } code.inline { background-color: #DDD; }
通过上面的CSS代码,大家可以看到,这里定义了一个<code>
标签的样式,同时也定义了一个名为inline
的样式。这里的关键就在于后者。
大家可以给想要应用不同样式的标签加上一个class,然后在CSS中定义对应的样式。在上面的代码中,大家给<code>
标签应用了一个普通的样式,同时定义了一个名为inline
的样式。这样,在HTML中,大家可以通过加上class="inline"
来应用不同的样式。
总结来说,要实现一个标签两个样式,只需要在CSS中定义不同的样式,并通过class来应用即可。