В CSS существует несколько способов изменения внешнего вида элементов без изменения DOM-структуры, но нельзя изменить HTML-атрибуты элементов при помощи CSS. CSS используется для стилизации элементов (изменения внешнего вида), а не для изменения атрибутов или содержимого HTML.
Если же ваша задача заключается в изменении стилей элемента `<th>`, который содержит атрибут `title`, вы можете использовать атрибутный селектор в CSS. Например, чтобы изменить ширину элемента `<th>` с атрибутом `title`, вам нужно:
```css
th[title] {
width: 150px; /* или любое другое значение */
}
```
Этот селектор применит стиль ко всем элементам `<th>`, у которых есть атрибут `title`, изменяя их ширину на заданное значение.
Если вы хотите применить стили только к тем `<th>`, у которых атрибут `title` имеет конкретное значение, то вам следует использовать селектор с заданным значением атрибута:
```css
th[title="значение"] {
width: 150px; /* или любое другое значение */
}
```
Этот CSS код будет применяться только к элементам `<th>`, у которых атрибут `title` имеет значение `значение`.
Для изменения атрибутов HTML элементов вам нужно использовать JavaScript. Ниже пример того, как это можно сделать:
```javascript
document.querySelector('th[title]').setAttribute('название_атрибута', 'новое_значение');
```
Этот код будет искать первый элемент `<th>` с атрибутом `title` и изменить у него атрибут `название_атрибута` на `новое_значение`. Если же вам нужно изменить атрибут у всех подходящих элементов, используйте `querySelectorAll` в сочетании с циклом:
```javascript
document.querySelectorAll('th[title]').forEach(function(th) {
th.setAttribute('название_атрибута', 'новое_значение');
});
```