Question

有没有办法从html中获取ID

示例：

 id="title1"

所以它需要显示在css中的content：部分。

    <table class="layout display responsive-table">
        <thead>
            <tr>
                <th class="th" id="title1">Title12</th>
                <th class="th">Title2</th>
                <th class="th">Title3</th>
                <th class="th">Title4</th>
            </tr>
        </thead>


table.responsive-table td:nth-child(1):before {
        content: use id here;
    }
    table.responsive-table td:nth-child(2):before {
        content: 'Title 2';
    }

Answer 1

是使用attr（）函数。

table.responsive-table td:nth-child(1):before {
  content: attr(id);
}

https://developer.mozilla.org/en-US/docs/Web/CSS/attr

Answer 2

是的，您可以通过jquery获取此信息。试试吧

$(document).ready(function(){
  $("#title1").text();
})

是否可以使用ID标记来更改css内容

2 个答案: