css - Bootstrap 3 中文本变得可点击和样式改变的奇怪行为

Question

http://codepen.io/sodacrunch/pen/VLvEya

当您点击“营养信息”或“成分”或“订单”时，它们的样式会发生变化。是什么让他们能够首先点击？我没有 javascript 或 CSS 来实现这种变化/效果。

“成分”HTML/CSS 示例

<p class="product-info-title">Ingredients</p>

.product-info-title {
  font-size: 18px;
  color: #00703C;
  font-weight: bold;
  padding: 0;
  margin: 0 0 10px 0;
 }

Answer 1

你有这个 css，除了你发布的那个，这里的属性 active 意味着“点击”css 将更改为以下内容:

.product-info-title:active {
        font-size: 16px;
        color: #666 !important;
        text-decoration: none !important;
        padding: 0;
        margin: 0 0 20px 0;
        display: inline-block;
    }

试试这个 http://codepen.io/venu/pen/waKYXp